20 Star 151 Fork 56

简静凡 / dt-read

 / 详情

怎么发布自己的小程序?

已完成
拥有者
创建于  
2020-05-20 14:00

使用的工具如果没有安装,请自行百度安装

  1. 下载代码到本地
    # 默认已安装Git工具
    git clone git@gitee.com:wtto00/dt-read.git
    
  2. 安装依赖
    # 默认已安装nodejs环境,且已安装yarn工具
    cd dt-read
    yarn
    
  3. 申请一个小程序
    已有小程序的,可以省略此步骤
    腾讯官网申请注册一个小程序
  4. 修改 appid
    小程序后台,依次点击 开发>开发设置,可以看到自己小程序的AppID(小程序ID),复制此字符串,打开代码文件/src/manifest.json,找到内容"mp-weixin":{"appid":"wx58311362dbfc378d"},把自己小程序的 appid 覆盖此处的 appid。
  5. 安装打开微信开发者工具
    已安装的可忽略
    腾讯官网下载开发者工具,安装完成后,打开
  6. 生成小程序发布包
    yarn build:mp-weixin
    
  7. 复制小程序云函数
    # windows系统cmd以及powershell不识别命令,可以使用git bash
    sh function.sh build
    
    之后在开发者工具编辑器里面,上传云函数(即右键目录cloudfunctions,点击上传部署即可)
  8. 开发者工具导入小程序
    打开微信开发者工具,点击小程序-导入项目,点击目录,选择目录/dist/build/mp-weixin,然后点击右下角导入按钮
  9. 小程序云开发数据库
    微信开发者工具导入项目后,点击微信开发者工具上面的云开发按钮,首次进入需要申请一个免费的空间即可,然后点击云开发控制台窗口上方的数据库按钮,点击左侧上方集合名称旁边的+按钮添加集合。集合名称依次按照顶部截图中的创建。创建 7 个集合后,点击集合book_sources,然后点击右侧的导入,选择文件/src/static/database_export.json

    在文件src/main.js的第2行中,云环境ID更改为自己所申请的云环境ID。

  10. 云函数绑定空间
    在微信开发者工具编辑器左侧的资源管理器中,右键目录cloudfunctions,选择当前环境为自己申请的免费空间。
    然后右键每一个云函数,选择上传并部署,如下图所示:
    上传部署云函数
    之后可以在云开发控制台云函数中看到上传的云函数列表,如下图所示:
    云函数控制台
  11. 测试
    你现在可以在微信开发者工具左侧的预览模式中体验一下,是否可以正常工作了
  12. 发布
    点击微信开发者工具上方的按钮上传,就可以发布一个体验版本了。版本管理可以在小程序后台-管理-版本管理,中查看。

评论 (21)

简静凡 创建了任务
简静凡 负责人设置为简静凡
简静凡 关联分支设置为1.x
简静凡 置顶等级设置为
简静凡 关联仓库设置为简静凡/dt-read
简静凡 添加了
 
question
标签
简静凡 任务状态待办的 修改为已完成
简静凡 置顶等级 修改为不置顶
简静凡 任务状态已完成 修改为进行中
简静凡 置顶等级设置为
简静凡 任务状态进行中 修改为待办的
展开全部操作日志

输入图片说明

@fendoudexiaomao 在开发者工具中点击云开发,查看环境中的数据库中集合book_sources是否为空。第9步操作有没有什么问题?

@fendoudexiaomao 在开发者工具中点击云开发,查看环境中的数据库中集合book_sources是否为空。第9步操作有没有什么问题?

@简静凡 存在数据,不为空第九步没报错误
云开发控制台,中云函数为空,是正常的么?

@fendoudexiaomao 云函数为空,是不对的。按照第7步操作,同步云函数。之后再开发者工具中编辑器里面,上传云函数(即右键目录cloudfunctions,点击上传部署即可)

简静凡 修改了描述
简静凡 关联了任务(普通)懵逼中

@fendoudexiaomao 云函数为空,是不对的。按照第7步操作,同步云函数。之后再开发者工具中编辑器里面,上传云函数(即右键目录cloudfunctions,点击上传部署即可)

@简静凡 按照第七步,右键目录,没有上传部署的按钮,还有目录上的当前环境怎么删除掉

第7步,第8步,第9步,这个顺序是正确的么?没有打开编辑器呢,怎么执行:之后在开发者工具编辑器里面,上传云函数(即右键目录cloudfunctions,点击上传部署即可)

如果执行了第七步,那么第10步,小程序会有下图所示的目录
输入图片说明
然后选择当前云函数所在环境,即第9步创建的环境
然后右键每一个云函数,选择上传并部署,如下图所示
输入图片说明
之后可以在云开发控制台云函数中看到上传的云函数列表,如下图
输入图片说明

简静凡 修改了描述

编译到小程序中云函数通过git bash也获取到 ,导入项目到微信小程序没有云函数的那个文件夹 7,8,9步骤看不懂

@痴暮年 在项目根目录执行命令sh function.sh build就可以了。如果是开发环境就把build换成dev。然后微信开发者工具里面就可以看到这个目录,右键云函数目录上传到自己的云环境即可

云函数和数据库都配置了报这个错
输入图片说明
输入图片说明
输入图片说明
看下呢

云函数和数据库都配置了报这个错
输入图片说明
输入图片说明
输入图片说明
看下呢

@痴暮年 看控制台请求记录,自己调试下。有限的截图不能分析出具体问题所在

@痴暮年 看控制台请求记录,自己调试下。有限的截图不能分析出具体问题所在

@简静凡 看报错说是没有选择源。数据库已经按步骤建好集合和导入数据,也已更换云函数的id,编译后搜索栏下拉界面(应该是书源选择)是空的

@简静凡 看报错说是没有选择源。数据库已经按步骤建好集合和导入数据,也已更换云函数的id,编译后搜索栏下拉界面(应该是书源选择)是空的

@痴暮年 src/main.js第2行,更改为自己的云环境ID

简静凡 修改了描述

你好,为啥我安装依赖就报错了,我按提示安装了node-sass,在yarn还是会这样。
输入图片说明

@钟沂汕 百度一下,这个问题有很多答案。换成cnpm安装依赖,或者换成dart-sass试试

你好,如果我跟着你的代码学习去敲,能完整敲出来这个程序吗,需要注意哪些问题。谢谢

@钟沂汕 每个人可能遇到的问题可能都不一样,先去动手做,遇到问题,查找问题,解决问题。这就是学习的过程。

@钟沂汕 每个人可能遇到的问题可能都不一样,先去动手做,遇到问题,查找问题,解决问题。这就是学习的过程。

@简静凡 哦哦好的,谢谢你,遇到问题可以继续请教你吗

@钟沂汕 有问题,新建个issue。我会收到邮件推送提醒。最好附上问题截图

@钟沂汕 有问题,新建个issue。我会收到邮件推送提醒。最好附上问题截图

@简静凡 好的,谢谢你

简静凡 任务状态待办的 修改为已完成
简静凡 置顶等级 修改为不置顶

登录 后才可以发表评论

状态
负责人
里程碑
Pull Requests
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
开始日期   -   截止日期
-
置顶选项
优先级
参与者(4)
JavaScript
1
https://gitee.com/wtto00/dt-read.git
git@gitee.com:wtto00/dt-read.git
wtto00
dt-read
dt-read

搜索帮助

53164aa7 5694891 3bd8fe86 5694891