接上篇uni-app vite+ts+vue3模式 集成微信云开发(一)-CSDN博客
使用数据库
app.vue文件中 云开发初始化wx.cloud.init()
<script setup lang="ts">
import { onLaunch, onShow, onHide } from "@dcloudio/uni-app";
onLaunch(() => {
console.log("App Launch");
wx.cloud.init({
env: '你自己环境id'//如下图位置
})
console.log("测试")
});
onShow(() => {
console.log("App Show");
});
onHide(() => {
console.log("App Hide");
});
</script>
<style></style>
在你的开发文件vue中使用云开发调用数据库
<script setup lang="ts">
import { ref } from 'vue'
const title = ref('Hello')
const db=wx.cloud.database();
console.log(db,"-----db")
db.collection('mallinfo').where({
id:"2222222"
}).get({
success:(res:any)=>{
console.log(res,"====数据查询结果")
},
error:(res:any)=>{
console.log(res,"----")
}
})
</script>
云函数的使用
在uni-app vite+ts+vue3模式 集成微信云开发(一)-CSDN博客文章中创建的cloudfunctions文件中创建你的云函数,此处我是用的是nodejs
打包后在构建工具中显示如下图,记得右键上传并部署(此处先手动上传并部署)
在开发者工具中就可以看到云函数部署完成
上图中index.js代码
// 云函数入口文件
const cloud = require('wx-server-sdk')
// cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV }) // 使用当前云环境
cloud.init()
// cloud.init({ env: 'wuxiang' }) // 使用当前云环境
// 云函数入口函数
exports.main = async (event, context) => {
const wxContext = cloud.getWXContext()
let {userInfo}=event;
return {
event,
openid: wxContext.OPENID,
appid: wxContext.APPID,
unionid: wxContext.UNIONID,
}
}
在vue文件中调用方式
<script setup lang="ts">
import { ref } from 'vue'
const title = ref('Hello')
wx.cloud.callFunction({
name: 'test',
// data: {
// a: 12,
// b: 19
// }
}).then((res:any)=>{
console.log(res,"====res");
})
请求结果
简单的云函数调用就完成了