【小程序云开发转uniCloud阿里云】

为啥要改呢?因为微信小程序的云开发要收费了,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较少,所以改动较少,大佬勿喷。

————本文章仅供参考

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
Uniapp小程序开发是指通过uniCloud这个基于serverless模式和js编程的开发平台,可以实现前后端开发的一体化。Uniapp开发操作的步骤如下: 1. 首先,新建一个Uniapp项目。 2. 然后,下载最新版的HBuilderX,并创建一个uniCloud的项目。 3. 在uniCloud项目中,可以使用js编程来实现增删改查等后端功能。 4. 在uniCloud中,不需要购买域名和服务器,而且当小程序访问量较小时,相关的后端资源是免费的。 通过uniCloud开发者可以在一个人的能力范围内完成小程序的前后端开发,无需依赖传统的后端服务器和购买相关资源。这大大简化了开发流程,提高了开发效率。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Uniapp开发(Uniapp入门)](https://blog.csdn.net/m0_55734030/article/details/128191345)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [uni-app之开发uniCloud)入门](https://blog.csdn.net/tw2496907023/article/details/114667033)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值