uni-app 進行微信小程序雲開發

原創

TUTsmile

2020-02-21 08:12

1.申請一個自己的微信公衆號/小程序

雲開發與普通的小程序開發不同，雲開發必須填寫appid，且不能使用測試號，所以需要申請一個自己的微信公衆號/小程序，在官方微信小程序頁面中，點擊頁面最下方的前往註冊即可。

申請成功後，進入微信公衆平臺|小程序-----開發------開發設置，查看自己的小程序id

2.創建雲開發環境

2.1 打開你的uni-app項目，配置小程序ID

2.2 配置完後，在微信開發者工具中運行此項目

2.3 在打開的微信開發者工具中，點擊雲開發按鈕

點擊創建創建環境，填寫所需環境名稱、環境ID後即可

然後就會彈出一個雲開發控制檯，此處我們點擊數據庫，添加集合。
集合相當於數據庫的表，我們填寫完集合名稱後，點擊確定即可

這樣我們接下來就可以進行微信雲開發。

3 使用步驟

3.1 初始化

我們在使用數據庫之前，需要進行初始化操作，若需要深度使用可查看官方文檔，此處僅介紹簡單的使用方式。

我建議在App.vue的onLaunch中進行初始化，此處env所需要填寫的你的環境id，若忘記了環境ID，可在雲開發控制檯中進行查看。

3.2 添加信息

我直接展示代碼了，wx.cloud.database 處要填寫你自己的雲開發環境的ID

<template>
	<view class="content">
		<button @click="tryAdd">嘗試添加</button>
	</view>
</template>

<script>
export default {
	data() {
		return {
			title: 'Hello'
		};
	},
	onLoad() {
  },
	methods: {
    tryAdd() {
      let db = wx.cloud.database({evn:'你的ID'})
      let userBaseCollection = db.collection('user_base')
      userBaseCollection.add({
        data:{
          name:'哈哈哈'
        },
        success: (res) => {
          console.log(`這個是成功的回覆`);
          console.log(res);
        }
      })
    }
  }
};
</script>