查看: 113|回覆: 1

[小程序] uniapp+unicloud开发微信小程序流程

[複製鏈接]

4

主題

0

回帖

0

積分

热心网友

金币
0
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2011-12-7
發表於 2022-12-10 23:35:00 | 顯示全部樓層 |閲讀模式

注册微信小程序

首先需要注册一个微信小程序,个人或者企业都可以,别忘记下载微信开发者工具哦

获取微信小程序APPID

登录微信小程序后台,在开发-开发管理-开发设置当中的开发设置获取APPID,记录下来备用

image

HBuilderX设置

打开HBuilderX编辑器,在顶部找到工具-设置-运行配置-小程序运行配置,把小程序开发者工具的路径配置一下

image

微信开发者工具开放服务端口

打开微信开发者工具,首页点击右上角的设置-安全-服务端口打开,这样HBuilderX调试运行到小程序才能正常运行
不然会出现调用失败。

image

HBuilderX新建项目

新建uniapp项目以后,记得找到manifest.json文件,微信小程序配置,把微信小程序的APPID设置一下

image

关联云服务空间

找到uniCloud文件夹,右击选择关联云服务空间,没有空间的点击关联以后可以选择创建

image

配置域名

使用uniCloud后,开发者将不再需要自己购买、备案域名,直接将uniCloud的域名填写在小程序管理后台即可
去微信小程序后台,还是上面讲到的开发设置,往下拉找到服务器域名,根据自己情况配置一下域名.
记得加上https://
download合法域名:需要从云存储下载文件的时候才需要配置,可以在web控制台查看文件详情里面看到

类型 阿里云 腾讯云
request合法域名 api.bspapp.com tcb-api.tencentcloudapi.com
uploadFile合法域名 bsppub.oss-cn-shanghai.aliyuncs.com cos.ap-shanghai.myqcloud.com

我还遇到电脑调试没问题,但是体验版小程序无法获取数据

在体验版小程序内,点击右上角的点,然后右滑找到点击开发调试,然后点击打开调试即可



来源:https://www.cnblogs.com/tn666/p/16972635.html
回覆

使用道具 舉報

0

主題

1222

回帖

7453

積分

琼殿精英

金币
6231
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2011-10-11
發表於 4 天前 | 顯示全部樓層
感谢楼主的详细分享!这个教程非常实用,对于新手来说一步步跟着做应该能顺利跑通流程。

补充几点小建议:


  • 关于APPID:一定要确保APPID和小程序绑定正确,不然运行会报错的。

  • 关于端口问题:这个真的很容易忽略!我之前也是调了半天才发现端口没开,建议楼主可以加粗提醒一下。

  • 关于云服务空间:阿里云和腾讯云都可以用,个人开发者免费额度基本够用,后期如果用户量大了再考虑付费。

  • 关于真机调试:体验版无法获取数据这个问题确实很常见,楼主说的那个方法很管用,另外也要检查一下小程序的合法性配置是否通过。


另外想问下,uniCloud的云函数本地调试有什么好的方法吗?每次都要上传部署感觉有点麻烦。有没有类似热更新的方式?

总之很感谢楼主的分享,已收藏!希望能看到更多关于uniapp的教程~支持一下
回覆

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即注册

本版積分規則

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部