飞书开发学习笔记(八)-开发飞书小程序Demo

这篇具有很好参考价值的文章主要介绍了飞书开发学习笔记(八)-开发飞书小程序Demo。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

飞书开发学习笔记(八)-开发飞书小程序Demo

一.小程序开发概述

1.1 小程序开发概述

飞书开发文档中查看:小程序开发概述
飞书小程序是指可以运行在飞书客户端中的小程序,小程序的一套代码可以适配 Android、iOS、PC 多平台,且用户体验与飞书原生应用一样流畅。
与微信小程序类似,飞书小程序可以运行在飞书环境中,开发小程序为自己的企业服务或者开发飞书商用小程序都是很有意义的,相比其他开发更容易创造价值。

1.2 增加应用能力小程序开发

在自建应用开发后台,选择添加应用能力,增加小程序。
飞书小程序开发,飞书开发学习笔记,飞书,学习,笔记
出现提示,要求上传移动端和桌面端小程序包。并且开发需要在"飞书开发者工具"中进行。所以要先下载开发工具。
飞书小程序开发,飞书开发学习笔记,飞书,学习,笔记
这就是安装好的“飞书开发者工具”
飞书小程序开发,飞书开发学习笔记,飞书,学习,笔记

1.3 下载飞书小程序Demo示例

飞书小程序Demo下载: 示例

1.4 飞书小程序代码构成

  • .json 后缀的 JSON 配置文件
  • .ttml 后缀的 TTML 模板文件
  • .ttss 后缀的 TTSS 样式文件
  • .js 后缀的JS 脚本逻辑文件
  1. JSON 配置
    在项目的根目录有一个 app.json 和一个 project.config.json 文件,两者的用途如下。

小程序配置 app.json

app.json 包含了当前小程序的全局配置,包括小程序的所有页面路径、页面样式配置、头部 title、底部 tab 等。用开发工具生成的项目里面包含一个默认的 app.json 文件,通过该文件可以配置小程序一些全局的属性,声明小程序所有的页面,同时,如果小程序可以在 PC 端运行,还能在该文件里配置默认启动的页面等。

项目配置 project.config.json

项目配置文件里主要包含了针对小程序项目配置的一些信息,例如,项目名称、App ID、项目语法、编译配置等内容。这些内容可以在开始创建项目的过程中通过开发者工具生成,开发者也可以根据需要进行修改和配置。

  1. TTML 模版
    TTML 用来描述当前页面的结构。

  2. TTSS 样式
    TTSS 具有 CSS 大部分的特性,小程序的 TTSS 也在基础能力之上做了一些扩充和修改

  3. JS 交互逻辑
    如:在点击button按钮时,如果你希望显示用户当前手机的型号,则可以在button上声明一个属性bindtap,然后在 JS 文件里边声明showModel方法来响应这次点击操作。

二.配置和上传小程序Demo

2.1 配置小程序AppID

直接上传会显示AppID错误
飞书小程序开发,飞书开发学习笔记,飞书,学习,笔记
飞书小程序开发,飞书开发学习笔记,飞书,学习,笔记
将自建应用的AppID复制过来,在详情中 项目信息 替换APPID
保存。
飞书小程序开发,飞书开发学习笔记,飞书,学习,笔记

2.2 上传发布飞书小程序

再上传小程序就不报错了,选择平台和版本号,顺利上传。
飞书小程序开发,飞书开发学习笔记,飞书,学习,笔记
上传后系统自动跳转到小程序配置,可以预览效果。目前初始版只编译一个移动端,桌面端选择使用移动端。版本号初始版本就选1.0.0.0。
飞书小程序开发,飞书开发学习笔记,飞书,学习,笔记
上传成功以后就算发布好了,在工作台就可以打开小程序Demo,可以看到各种小程序组件的功能和应用。当然这只是测试企业,所以非常简单,实际企业环境中涉及各种权限还是复杂很多的,初始版本Demo发布先就到这里,后面再仔细学习。
飞书小程序开发,飞书开发学习笔记,飞书,学习,笔记文章来源地址https://www.toymoban.com/news/detail-759265.html

到了这里,关于飞书开发学习笔记(八)-开发飞书小程序Demo的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 飞书小程序开发

    1.tt.showModal后跳转页面  跳转路径要为绝对路径,相对路径跳转无响应。 2.手机息屏后将不再进入onload()生命周期,直接进入onshow()生命周期。 onLoad()在页面初始化的时候触发,一个页面只调用一次。 onShow()在切入前台时就会触发,手机息屏后再打开将会直接进入onShow()生命周

    2024年02月11日
    浏览(25)
  • 飞书开发学习笔记(二)-云文档简单开发练习

    首先还是进入开放平台 飞书开放平台:https://open.feishu.cn/app?lang=zh-CN 云文档相关API都在“云文档”目录中,之下又有\\\"云空间\\\",“文档”,“电子表格”,“多维表格”等子模块, 各自有对应的功能API。 2.1 获取我的空间目录下的文件清单 对于一个企业用户而言,他拥有一个

    2024年02月05日
    浏览(36)
  • 飞书开发学习笔记(一)-应用创建和测试

    现在大企业用的办公IM软件中,飞书是口碑最好的,不得不说,字节在开发产品方面,确实有自己独到的竞争力,比如说抖音、头条、飞书。在办公会议和云文档的体验上,其它的办公IM软件可以说完全不是对手。为了在办公中能够高效率的完成一些数据的收集并创建文书文档

    2024年02月06日
    浏览(33)
  • 飞书开发学习笔记(七)-添加机器人及发送webhook消息

    1.1 添加飞书机器人过程 在群的右上角点击折叠按键…选择 设置 群机器人中选择 添加机器人 选择自定义机器人,通过webhook发送消息 弹出的信息中有webhook地址,选择复制。 安全设置后续可以设置,比如将信任的IP地址加入IP白名单。 选择仅群主和添加者可以编辑移除机器人

    2024年02月05日
    浏览(39)
  • 微信小程序开发学习笔记

    Color: red Color: rgb(255, 99, 71) Color: rgba(red, green, blue, alpha) Color: #ff6347 background-color:指定元素的背景色 opacity:指定元素的透明度,取值在0~1之间 background-image:指定元素的背景图像,在水平和垂直方向上都会重复图像 background-repeat:配合background-image使用,指定图像重复方向或者

    2024年02月09日
    浏览(46)
  • 微信小程序开发学习笔记《8》tabBar

    博主正在学习微信小程序开发,希望记录自己学习过程同时与广大网友共同学习讨论。tabBar官方文档 tabBar这一节还是相当重要的。 tabBar是移动端应用常见的页面效果, 用于实现多页面的快速切换 。小程序中通常将其分为: 底部 tabBar 顶部 tabBar 注意: tabBar中只能配置最少2个、

    2024年02月02日
    浏览(40)
  • 我的学习笔记——微信小程序开发“渲染层错误”

    报错信息 [渲染层错误] Framework inner error (expect FLOW_CREATE_NODE but get another)(env: Windows,mp,1.06.2209190; lib: 2.25.4) [渲染层错误] Error: Framework inner error (expect FLOW_CREATE_NODE but get another)     at ln (http://127.0.0.1:38316/__pageframe__/__dev__/WAWebview.js?t=wechats=1667714729240v=2.25.4:1:2018909)     at sn (http:/

    2024年02月09日
    浏览(43)
  • 小程序入门笔记(一) 黑马程序员前端微信小程序开发教程

    微信小程序基本介绍 小程序和普通网页有以下几点区别: 运行环境:小程序可以在手机的操作系统上直接运行,如微信、支付宝等;而普通网页需要在浏览器中打开才能运行。 开发技术:小程序采用前端技术进行开发,如HTML、CSS、JavaScript等;而普通网页也是使用类似的前

    2024年02月08日
    浏览(62)
  • 微信小程序开发学习笔记——2.11navigator页面链接导航

    跟着b站up主“咸虾米_”学习微信小程序开发中,把学习记录存到这方便后续查找。 课程连接: https://www.bilibili.com/video/BV19G4y1K74d?p=14 https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html 属性之一          navigate可以记录上一个缓存页,点击左上角返回按钮可以跳转回

    2024年02月22日
    浏览(45)
  • 微信小程序开发学习笔记——3.4for循环列表渲染的用法

    跟着b站up主“咸虾米_”学习微信小程序开发中,把学习记录存到这方便后续查找。 课程连接:https://www.bilibili.com/video/BV19G4y1K74d?p=18vd_source=9b149469177ab5fdc47515e14cf3cf74 https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/list.html data.js文件的data部分:  data.wxml文件中添加如下代码:

    2024年02月22日
    浏览(59)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包