当前位置: 首页 > 后端技术 > Node.js

开发第一个飞书小程序-HelloWorld

时间:2023-04-03 14:19:17 Node.js

原发布于飞书文档在此:2020年最后一天的几个小时,点一炷香,泡好茶,戴上降噪耳机写代码伴随着音乐。2020年第一天,继续做没做完的,加油~搭建开发环境1、系统为MacOS,安装Node.js,同时安装npm。下载地址常用命令如下:#查看Node.js版本node-v#查看npm版本npm-v#查看节点安装目录whichnode#更新安装的npm库npmupdate-g#全局安装n命令并使用n命令升级Node.jsnpminstall-gn#升级到最新稳定版本nstable#升级到最新版本nlatest#升级到指定版本nv14.15.3#切换到版本n14.15.3(ENTER)2.安装命令行工具curl-Lhttps://sf1-scmcdn-tos.pstatp.com/obj/larkdeveloper/opdev/scripts/install_1.7.0.sh|sh3.安装完成后,执行以下命令查看是否安装成功#??是否安装成功opdevhelp#查看安装的版本opdev--version#查看单个命令的帮助信息,如如上传命令opdevupload--help4.上传、预览等操作需要先登录飞书账号。输入以下命令打开默认浏览器登录,这个地方有点取巧。不知道是工具兼容性问题还是什么的。几次尝试失败后,关闭终端并重新打开它。#loginopdevlogin#选择登录环境,这里我们选择“飞书”5.登录成功,返回终端,显示如下信息,说明登录成功。创建第一个小程序1.进入飞书开发者后台,创建企业自建应用2.在企业自建应用列表中,点击新建的HelloWorld应用,进入应用详情页面3.在应用详情页面,点击左侧“凭据和基本信息”选项卡,勾选右侧“应用凭据”下的AppID(AppID是应用的唯一标识),复制。4.从内置模板生成“HelloWord”小程序Demo#查看内置模板列表opdevtemplate#返回结果,有5个Demo#可用模板:#-hello-worldGadgetbasetemplate#-gadget-demoGadgetapi/componentdemo#-widget-demo-approveWidgetdemoforApproveapp#-widget-demo-reportWidgetDemoforReportapp#-block-demoBlockbasetemplate#创建一个带有内置模板的小程序Demo,[project-path]为Demo目录opdevnew[project-path]-thello-world5.编辑“project.config.json”中的第9行,填写复制的AppID,保存退出。{“setting”:{“urlCheck”:true,“es6”:true,“postcss”:true,“minified”:true,“newFeature”:true},“appid”:“XXXXXXXXXXXXXX”,“projectname”:“HelloWorld》}6、回到命令行执行“opdevdevtoolsDemo1”命令,会打开两个Chrome浏览器窗口(左边是模拟器,右边是调试器)。7.回到代码编辑器,打开/pages/index/index.ttml,修改内容并保存。8、再次预览,如果看到如下结果,证明你已经掌握了本地预览调试的方法。9、由于本地是基于Chrome的模拟预览,所以在真机上也可以通过预览查看小程序的真实效果。opdevpreviewDemo1-pMobile正常应该会返回一个二维码,可以在飞书客户端扫码预览。注意:这个地方容易出问题。错误信息的原因如下。当前登录用户没有node_modules目录的权限,因为当时是用root账号安装node的。解决方法:#这里的XXXX换成你当前的用户sudochown-RXXXX/usr/local/lib/node_modules上传和发布小程序1、进入命令行,执行如下命令,-pMobile标识手机小程序的版本uploaded,输入版本号和描述,复制下图红框出现的网址,在浏览器中打开。2、打开启用小程序的开关,选择最新版本的小程序,点击保存按钮,确认保存成功。3.发布应用。在此之前,您需要确保小程序的图标已经设置好。点击左侧的版本管理与发布,进入版本管理与发布页面,点击创建版本按钮,进入创建版本详情页面。4.填写信息后,选择“申请发布”5.飞书客户端,企业管理员会发消息审核。”,进入“飞书管理后台”-“申请审核”-点击右侧“审核”??按钮7.点击“通过”按钮完成申请审核8.审核完成后,可以在“版本管理与发布”版本状态为“上架”9.打开飞书客户端,进入工作台,可以看到刚刚发布的“HelloWorld”小程序,点击打开应用。10.好了,完成了,第一个飞书小程序,过程中还是遇到了一些问题,不过结果还是不错的。2021年大年初一,祝大家新年快乐。欢迎联系作者交流飞书开发经验。