小程序的全棧開發(fā)新時代
什么是小程序·云開發(fā)
小程序·云開發(fā)是微信團隊和騰訊云團隊共同研發(fā)的一套小程序基礎能力，簡言之就是：云能力將會成為小程序的基礎能力。整套功能是基于騰訊云全新推出的云開發(fā)(Tencent Cloud Base)所研發(fā)出來的一套完備的小程序后臺開發(fā)方案。
小程序·云開發(fā)為開發(fā)者提供完整的云端流程，簡化后端開發(fā)和運維概念，無需搭建服務器，使用平臺提供的 API 進行核心業(yè)務開發(fā)，即可實現快速上線和迭代。
該解決方案目前提供三大基礎能力支持：
- 存儲：在小程序前端直接上傳/下載云端文件，在小程序云控制臺可視化管理
- 數據庫：一個既可在小程序前端操作，也能在云函數中讀寫的文檔型數據庫
- 云函數：在云端運行的代碼，微信私有協(xié)議天然鑒權，開發(fā)者只需編寫業(yè)務邏輯代碼
未來，我們還會集成更多的服務能力，為小程序提供更強有力的云端支持。
如何使用小程序·云開發(fā)
上面就是小程序·云開發(fā)簡單的使用圖譜：在小程序端，直接用官方提供的接口，在云函數端，直接用官方提供的 Node SDK，就可以操作你云的資源。以前開發(fā)小程序所擔憂的數據庫搭建、文件系統(tǒng)部署，通通沒有。
你只需要有在小程序開發(fā) IDE 里面的 云開發(fā)，開通一下，填寫環(huán)境 ID，便可以擁有小程序的云能力！
當然，其實用云開發(fā)，并不排斥原有的后臺架構，通過下面的架構，你也可以無縫與原有的后臺服務兼容，也簡化了一些小程序鑒權的邏輯：
接下來，我會分別從小程序端、服務端講述如何使用這些云資源。
使用云能力
小程序端
客戶端，這里是指在小程序端中。如果要使用云開發(fā)能力，請做以下配置：
-
在 app.json / game.json 中， 中增加字段 "cloud": true project.config.json 中增加了字段 cloudfunctionRoot 用于指定存放云函數的目錄 初始化云開發(fā)能力： //app.js App({ onLaunch: function () { wx.cloud.init({ traceUser: true // 用戶信息會顯示在云開發(fā)控制臺的用戶面板中 }); } });
小程序端初始化能力文檔
在用戶管理中會顯示使用云能力的小程序的訪問用戶列表，默認以訪問時間倒敘排列，訪問時間的觸發(fā)點是在小程序端調用 wx.cloud.init 方法，且其中的 traceUser 參數傳值為 true。
服務端
如果你想在云函數中，操作文件、數據庫和云函數資源，你可以使用我們提供的服務端 SDK 進行操作。首先，進入到你的某個云函數中，安裝以下依賴包：
npm i --save tcb-admin-node
在云函數中初始化
// 初始化示例
const app = require('tcb-admin-node');
// 初始化資源
// 云函數下不需要secretId和secretKey。
// env如果不指定將使用默認環(huán)境
app.init({
secretId: 'xxxxx',
secretKey: 'xxxx',
env: 'xxx'
});
//云函數下使用默認環(huán)境
app.init()
//云函數下指定環(huán)境
app.init({
env: 'xxx'
});
|
服務端初始化文檔
存儲
云開發(fā)提供存儲空間、上傳文件、下載文件、CDN加速文件訪問等能力,開發(fā)者可以在小程序端與服務端通過 API 使用這些能力。
小程序端
// 選擇圖片
wx.chooseImage({
success: dRes => {
// 上傳圖片
const uploadTask = wx.cloud.uploadFile({
cloudPath: `${Date.now()}-${Math.floor(Math.random(0, 1) * 10000000)}.png`, // 隨機圖片名
filePath: dRes.tempFilePaths[0], // 本地的圖片路徑
success: console.log,
fail: console.error
});
},
fail: console.error,
});
|
小程序端存儲文檔
服務端
const app = require('tcb-admin-node');
app.init();
app.uploadFile({
cloudPath: "cover.png",
fileContent: fs.createReadStream(`${__dirname}/cover.png`)
}).then((res) => {
console.log(res);
}).catch((err) => {
console.error(err);
});;
|
控制臺
上傳好的文件，就會出現在控制臺中，如下圖。你可以在控制臺里刪除、下載或者查看圖片的詳情。
你還可以控文件整體的權限，這里還有一些具體的介紹。
服務端存儲文檔
數據庫
小程序云提供文檔型數據庫 ( document-oriented database )，數據庫包含多個集合（相當于關系型數據中的表），集合近似于一個 JSON 數組，數組中的每個對象就是一條記錄，記錄的格式是 JSON 文檔。
每條記錄都有一個 _id 字段用以唯一標志這條記錄、一個 _openid 字段用以標志記錄的創(chuàng)建者，即小程序的用戶。開發(fā)者可以自定義 _id，但不可在小程序端自定義（在服務端可以） _openid 。_openid 是在文檔創(chuàng)建時由系統(tǒng)根據小程序用戶默認創(chuàng)建的，開發(fā)者可使用其來標識和定位文檔。
數據庫 API 分為小程序端和服務端兩部分，小程序端 API 擁有嚴格的調用權限控制，開發(fā)者可在小程序內直接調用 API 進行非敏感數據的操作。對于有更高安全要求的數據，可在云函數內通過服務端 API 進行操作。云函數的環(huán)境是與客戶端完全隔離的，在云函數上可以私密且安全的操作數據庫。
數據庫 API 包含增刪改查的能力，使用 API 操作數據庫只需三步：獲取數據庫引用、構造查詢/更新條件、發(fā)出請求。切記，在操作數據庫前，請先在控制臺中創(chuàng)建 collection。
小程序端
const db = wx.cloud.database();
// 插入數據
db.collection('photo').add({
data: {
photo: 'cloud://tcb-xxx/05ca1d38f86f90d66d4751a730379dfa6584dde05ab4-Ma9vMN_fw658.jpg',
title: '風景'
}
});
// 提取數據
db.collection('photo').get().then((res) => {
let data = res.data;
console.log(data);
});
// 輸出
// 在小程序端， _openid 會自動插入到數據庫中
{
photo: 'cloud://tcb-xxx/05ca1d38f86f90d66d4751a730379dfa6584dde05ab4-Ma9vMN_fw658.jpg',
title: '風景',
_openid: 'oLlMr5FICCQJV-QgVLVzKu1212341'
}
|
小程序端數據庫文檔
服務端
const app = require('tcb-admin-node');
app.init();
const db = app.database();
db.collection('photo').limit(10).get().then((res) => {
console.log(res);
}).catch((err) => {
console.error(err);
});
// 輸出
// 因為是在服務端，其它用戶的也可以提取出來
{
photo: 'cloud://tcb-xxx/05ca1d38f86f90d66d4751a730379dfa6584dde05ab4-Ma9vMN_fw658.jpg',
title: '風景',
_openid: 'oLlMr5FICCQJV-QgVLVzKu1342121'
}
{
photo: 'cloud://tcb-xxx/0dc3e66fd6b53641e328e091ccb3b9c4e53874232e6bf-ZxSfee_fw658.jpg',
title: '美女',
_openid: 'DFDFEX343xxdf-QgVLVzKu12452121'
}
{
photo: 'cloud://tcb-xxx/104b27e339bdc93c0da15a47aa546b6e9c0e3359c315-L8Px2Y_fw658.jpg',
title: '動物',
_openid: 'DFDFEX343xxdf-QgVLVzKu1342121'
}
|
服務端數據庫文檔
控制臺
可以在控制臺里，看到用戶操作的數據，你也可以自己在控制臺上添加、更新或刪除數據。
如果數據量龐大，可以設置索引提供查詢的效率。
數據庫也可以通過設置權限，管控每個 collection。
云函數
云函數是一段運行在云端的代碼，無需管理服務器，在開發(fā)工具內一鍵上傳部署即可運行后端代碼。
開發(fā)者可以在云函數內獲取到每次調用的上下文（appid、openid 等），無需維護復雜的鑒權機制，即可獲取天然可信任的用戶登錄態(tài)（openid）。
小程序端
wx.cloud.callFunction({
name: 'addblog', // 云函數名稱
data: { // 傳到云函數處理的參數
title: '云開發(fā) TCB',
content: '存儲、數據庫存、云函數'
}
}).then(res => {
console.log(res)
}).catch((err) => {
console.error(err);
});
|
小程序端云函數文檔
服務端
;
const app = require("tcb-admin-node");
app.init();
app.callFunction({
name: 'addblog', // 云函數名稱
data: { // 傳到云函數處理的參數
title: '云開發(fā) TCB',
content: '存儲、數據庫存、云函數'
}
}).then((res) => {
console.log(res);
}).catch((err) => {
console.error(err);
})
|
服務端云函數文檔
控制臺
上傳好之后的云函數，都會在這里羅列出來。
每次調用云函數，都可以在這里看到日志，還可以構造測試的參數，用于調試。
語法糖
大部份的接口，目前都支持兩種寫法，分別是Promise 和 Async/Await，本節(jié)以 callFunction作為例子，在云函數中介紹這兩種寫法。 Async/Await 本質上是基于 Promise 的一種語法糖，它只是把 Promise 轉換成同步的寫法而已。
Promise
const app = require("tcb-admin-node");
app.init();
exports.main = (event, context, callback) => {
app.callFunction({
name: 'addblog', // 云函數名稱
data: { // 傳到云函數處理的參數
title: '云開發(fā) TCB',
content: '存儲、數據庫存、云函數'
}
}).then((res) => {
console.log(res);
callback(null, res.data);
}).catch((err) => {
callback(err);
});
};
|
Async/Await
const app = require("tcb-admin-node");
app.init();
exports.main = async (event, context) => {
let result = null;
try {
result = await app.callFunction({
name: 'addblog', // 云函數名稱
data: { // 傳到云函數處理的參數
title: '云開發(fā) TCB',
content: '存儲、數據庫存、云函數'
}
});
}
catch (e) {
return e;
}
return result;
};
|
