为啥要改呢?因为微信小程序的云开发要收费了,19.9每个月,所以改成用uniCloud的阿里云,免费!

大概思路:小程序转成uniapp,小程序云开发改用uniCloud,云存储也是用uniCloud,api调用都用uniApp的,那里需要改就改哪里

一、小程序 转译成uniapp

1、利用插件进行转译 可参考以下文章

https://blog.csdn.net/banglei123/article/details/103741149

注意:小程序要去掉骨架屏文件再转,不然转过来无法运行

骨架屏文件

骨架屏文件引入代码
2、转译完成后,在HBulider X中打开,编译到微信开发者工具中运行,不报错即转译成功
在这里插入图片描述

二、创建unicloud环境

1、在HBulider X 中右键文件 ———— 创建云环境 (腾讯云要收费,用阿里云的)

注:如果未进行实名认证,会跳转至实名认证页面进行实名认证,等待实名认证审核之后可以开通服务空间
创建服务空间可能需要几分钟的时间,可以在控制台查看是否创建完成

创建云环

2、创建完成后会有默认的云函数文件夹和数据库文件夹
文件夹截图
3、把小程序的云函数搬过来,修改云函数中的index.js文件,其他文件可以删除
在这里插入图片描述

4、修改index.js 云函数的编写和小程序的大差不差,修改引入方式即可

附上官网云函数文档:uni-app官网

在这里插入图片描述

5、修改调用云函数的api

wx.callFunction 改成 uniCloud.callFunction

6、搬云数据库数据

微信小程序云开发数据库有导出成json格式,uniCloud里面可以兼容,直接导入
uniCloud云数据库

7、由于项目需要获取openid 于是使用uniapp的uni-id-cf模块,可参考一下文章
小程序微信登录 uni-id-cf

自定义后的config.json 存放位置如图,需要自己创建uni-id文件夹和config.json文件,配置微信小程序的密钥和appid
在这里插入图片描述
注:
真机调试、预览、发布都要使用云端云函数
真机调试或者预览要打开小程序的开发者模式

本小程序是一个很小的练手项目,所涉及到的相关api较少,所以改动较少,大佬勿喷。

————本文章仅供参考

Logo

欢迎加入西安开发者社区!我们致力于为西安地区的开发者提供学习、合作和成长的机会。参与我们的活动,与专家分享最新技术趋势,解决挑战,探索创新。加入我们,共同打造技术社区!

更多推荐