zhangdaren
zhangdaren
  • 发布:2019-05-17 20:44
  • 更新:2021-03-20 18:09
  • 阅读:24697

使用uni-app进行微信小程序云开发经验分享

分类:uni-app

因近期在开发一个微信小程序,涉及到微信小程序云开发,搜索社区,并无相关案例。

经过一番折腾,解决方案如下:
第一步:使用微信开发者工具,创建一个云开发的项目,创建云函数并上传(此项目作为开发云函数专用);

第二步:创建uni-app项目,并将上面云函数项目的appid,填入到此项目里,即可关联并直接使用wx云函数。

至此,就可以正常使用HbuilderX愉快的开发啦~

为了方便理解,我将微信小程序云开发DMEO,转换成uni-app版本,大家可以参考一下(见文末:miniprogram_cloud.zip)。

github地址:https://github.com/zhangdaren/miniprogram-cloud

下载后,填入微信小程序appid即可(运行前,需新建或使用原小程序项目,配置云开发环境,不然无法使用云函数,切记~

与小程序开发异同:
相同之处: 云函数的使用,与小程序里面完全一致。
不同之处: uni-app里没有const app = getApp(),因此我修改为vuex来存储opendid及其他信息

最后,如果有问题,欢迎指正或回帖~~~

3 关注 分享
a***@qq.com w***@163.com 5***@qq.com

要回复文章请先登录注册

DCloud_heavensoft

DCloud_heavensoft

微信小程序云不能跨端,功能也有限。
推荐使用uniCloud,基于腾讯云云开发和阿里云开发,可跨端,功能更强大、与uni-app搭配协作更流畅。
对比文档详见:[https://uniapp.dcloud.net.cn/uniCloud/wx2unicloud](https://uniapp.dcloud.net.cn/uniCloud/wx2unicloud)
2021-03-20 18:09
zhangdaren

zhangdaren (作者)

回复 GeniusAir :
条件编译,不同平台使用各自的云开发,,,,或者统一使用unicloud
2020-11-13 14:41
GeniusAir

GeniusAir

如果使用了云开发。 那 百度小程序、 支付宝小程序、 怎么办?
2020-11-12 22:22
余乐波报

余乐波报

这种写就是两个项目了 接口得写两套 app没办法用云函数
2020-03-23 15:20
zhangdaren

zhangdaren (作者)

回复 1***@qq.com :
是的,支持getApp应该是近两三个月的事情。
2019-12-09 14:28
1***@qq.com

1***@qq.com

回复 1***@qq.com :
只不过在App.vue要使用this.$options.globalData获取在其他页面使用getApp().globalData获取
2019-12-03 11:11
1***@qq.com

1***@qq.com

uni-app里没有const app = getApp(),这个可以使用呀,还有openid 这个文件没有改过来
2019-12-03 11:08
zhangdaren

zhangdaren (作者)

回复 1***@qq.com :
只能说是一个项目,在两个地方开发。
2019-10-29 09:22
zhangdaren

zhangdaren (作者)

回复 a***@qq.com :
是的,也可以看作一个项目,因为uni-app在打包后,会将不相关的文件都删除掉,所以把云函数的目录放到项目也可以,但并不是以这个目录来开发。
2019-10-29 09:21
1***@qq.com

1***@qq.com

说实话,我是实在没怎么懂。我照着步骤来操作这不是两个项目吗?能不能说的详细一些,谢谢。对这个挺疑惑,有其他知道的老哥,请指点一下,感谢!个人企鹅:1506287334。期待回复!
2019-10-25 20:10