首页 > 编程语言 >手把手教你用uniapp开发飞书小程序:从开发环境配置到上线的全流程

手把手教你用uniapp开发飞书小程序:从开发环境配置到上线的全流程

时间:2025-01-22 12:57:08浏览次数:3  
标签:uniapp 教你用 程序 开发者 https 工具 app 飞书

平台和工具

1.飞书开放平台:
https://open.feishu.cn/app?lang=zh-CN

2.小程序框架:
uniapp: https://uniapp.dcloud.net.cn/

3.使用的UI:
uView: https://www.uviewui.com/

4.开发工具:
HBuilderX、飞书开发者工具

飞书开发者平台配置

1.添加自建应用
在这里插入图片描述
在这里插入图片描述
2.添加权限和白名单(权限变动需要发行新版本)
在这里插入图片描述
3.添加应用能力小程序
在这里插入图片描述

配置HBuilderX

1.为HBuilderX配置指定飞书开发者工具
在这里插入图片描述
2.配置飞书appid
在这里插入图片描述
或者在源码视图修改
在这里插入图片描述
3.配置代理,解决本地开发跨域问题
在这里插入图片描述
4.在飞书开发者工具中使用模拟器运行小程序
在这里插入图片描述
在这里插入图片描述
小程序编译成功后会输出路径:

/Users/macbookpro/Desktop/uni-hi-app/unpackage/dist/dev/mp-lark

并且会自动弹出飞书开发者工具,导入项目
在这里插入图片描述
在这里插入图片描述
5.PC打开飞书小程序可以指定PC模式页面(可以和手机打开不一样)
在这里插入图片描述
6.发行
在这里插入图片描述
发行会编译在新的路径,在飞书开发者工具中重新导入

/Users/macbookpro/Desktop/uni-hi-app/unpackage/dist/build/mp-lark

在这里插入图片描述
7.上传到飞书
在这里插入图片描述

标签:uniapp,教你用,程序,开发者,https,工具,app,飞书
From: https://blog.csdn.net/biyanjiangdu04942/article/details/145300991

相关文章

  • 基于java+Uniapp的博客平台微信小程序设计与实现
    ......
  • uniapp原生子窗体subNvue的使用
    官网解释:1.subNvue,是vue页面的原生子窗体,把weex渲染的原生界面当做vue页面的子窗体覆盖在页面上。2.它不是全屏页面,它给App平台vue页面中的层级覆盖和原生界面自定义提供了更强大和灵活的解决方案。3.它也不是组件,就是一个原生子窗体。使用场景:覆盖原生导航栏、tabbar......
  • uniapp——App 监听下载文件状态,打开文件(三)
    5+实现下载文件并打开这里演示,导出Excel表格文章目录5+实现下载文件并打开DEMO监听下载进度效果图为什么totalSize一直为0?相关Api:downloaderDEMO提示:请求方式支持:GET、POST;POST方式需要设置Content-Type;暂停下载任务:dtask.pause();取消下载任务:d......
  • uniapp获取元素高度不准确问题解决
    uniapp通过boundingClientRect获取的元素高度和实际高度差了不少,下面是复现和解决过程:我的代码: 得到的结果: 高度只有105用工具量一下: 实际有240px,遂gpt问下: 注意到了缩放比这个之前没想到的点,往下面看gpt更多的回复内容: 先获取系统缩放比,再乘以拿到的......
  • springboot小程序 uniapp基于Vue宏飞数码好物分享系统实现
    文章目录项目和技术介绍具体实现截图uniapp+hbuilderx错误处理和异常处理小程序框架以及目录结构介绍系统安全性java类核心代码部分展示软件测试数据完整性源码获取/详细视频演示项目和技术介绍微信开发者工具/hbuiderx后端语言支持以下技术栈:1java(SSM/springbo......
  • wx028基于springboot+vue+uniapp的网上花店小程序
    开发语言:Java框架:springboot+uniappJDK版本:JDK1.8服务器:tomcat7数据库:mysql5.7(一定要5.7版本)数据库工具:Navicat11开发软件:eclipse/myeclipse/ideaMaven包:Maven3.3.9系统展示鲜花列表公告信息管理公告类型管理鲜花管理公告管理摘要网上花店微信小程序分为管理员还......
  • 基于java的SpringBoot/SSM+Vue+uniapp的高校校园招聘服务系统的详细设计和实现(源码+l
    文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言......
  • uniapp仿微信动态功能实现思路供参考
    1,创建三个数据表,一个朋友圈动态表,一个点赞表,一个评论表动态表创建 例如:dtlist包括用户uid,内容about,文字是否base64格式iszy,动态图片allimg,发布时间addtime(根据自己项目需要创建合适的字段)点赞表创建 例如:dzlist包括用户uid,点赞动态id:dtid,点赞时间addtime(根......
  • 【三江学院毕业论文】露营爱好者APP(基于SpringBoot+UniApp)的设计与实现
    注:仅展示部分文档内容和系统截图,需要完整的视频、代码、文章和安装调试环境请私信up主。摘 要随着计算机行业的不断发展,计算机的应用也在不断随着其发展速度进行着更新。而现今对于一个网络应用非常广泛的社会,商品采购管理对计算机管理商品采购要求更加紧密,更加完善,特别......
  • 2025-1-12至16-uniapp初体验
    2025-1-12今天主要就是在熟悉app开发软件应用,发现它的页面开发起来跟我们的web是一样的,初始界面就跟VScode操作一样,毕竟第一步是要做页面,然后它的控制台跟tomcat集成之后使用很像,之后就是复习一下web的css。盒子模型:margin:外边距控制边框离屏幕的距离(top上,left左等)paddi......