uni-app vite+ts+vue3模式 集成微信云开发（二）

接上篇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");
  })

请求结果

简单的云函数调用就完成了