当前位置:   article > 正文

在uni-app中使用微信云开发_uniapp 微信端 mp-weixin

uniapp 微信端 mp-weixin

在uni-app中使用微信云开发

HBuiderX中:

  1. 使用HBuilderX创建一个uni-app应用
  2. 在文件夹目录下manifest.json-源码视图中-mp-weixin下配置申请好的AppId(申请地址:https://mp.weixin.qq.com/cgi-bin/wx?token=&lang=zh_CN)并添加如下代码,以启用云函数。
    步骤二
  3. 创建云函数文件夹。在static文件夹下创建一个cloudfunctions文件夹(也就是上面配置好的文件夹),文件夹下可以放入随意一个文件readme.txt什么都可以,因为空的文件夹不会编译到微信开发者工具中。
  4. 初始化云后台。在App.vue的onLaunch中,写入以下代码
function() {
			if(!wx.cloud){
				console.error('请使用 2.2.3 或以上的基础库以使用云能力')
			}
			else{
				wx.cloud.init({
					traceUser:true,
					env:'' //写自己配置的后台环境
				})
			}
		}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  1. 点击运行,运行到微信小程序。
    PS:要在HBuilder中提前配置好小程序开发工具的安装路径&在微信开发者工具的设置-安全设置中打开服务端口。
    开发者工具打开服务端口
    运行到微信小程序模拟器
  2. 编译成功之后就可以在开发者工具中看到刚刚的程序啦,接下来在小程序端开启云开发 。
    开启云开发
  3. 在云后台的操作就跟平常开发小程序一样啦。创建云函数可以在开发者工具中进行。
  4. 在HBuilder中对数据库的操作方法也和日常的小程序开发一样。比如在index.vue中通过按钮向数据库添加数据
    HBuilder端操作数据库
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Cpp五条/article/detail/243023
推荐阅读
相关标签
  

闽ICP备14008679号