CloudBase雲函數背景管理平台
起源
最近做微信小程式應用看到一個雲開發模式, 冒着好奇害死貓的心切換了看了看,然後看到了一個好東西。
如下:
<font color='red'> 免費版!</font> <font color='red'> 免費版!</font> <font color='red'> 免費版!</font> 還提供一個免費的公網!
它貌似在告訴我,來嫖我啊!這我哪能忍,必須整一個啊!
成效
正文開始
首先,你得注冊一個小程式,注冊方式百度一下!
位址:https://mp.weixin.qq.com/
複制
注冊好了後你就擁有了一個appid: xxxxxxxx
下載下傳一個小程式開發工具,建立項目的時候你就能看見如下的圖檔了(測試号不會有的)
建立的時候後端服務選擇: <font color='red'> 小程式丶雲開發</font>,一定要選擇這個模式,然後建立一個項目!
然後百度搜尋
cloudbase
, 登陸的時候用注冊小程式的賬号登陸,要不然看不到這個免費環境的!
環境如下:
開始操作
開始之前還需要安裝node,百度安裝
之後可以看一下: cloudbase快速開始
安裝一下 Cloudbase Cli
開始建立項目
第一次建立會有授權問題,授權一下就可以開始了!
然後使用
tcb new xxx(你的項目名)
為什麼是tcb? 可能也許是Tencent CloudBase 的縮寫吧。
你環境所在的地域可以在cloudbase上看到的,選好回車
看到我的免費版了
模版請選擇Koa應用
看到下圖就是建立成功了
關于web模版問題
不太建議選擇Bootstrap,網絡加載,慢!本地使用,本件多占用記憶體多,卡!
有能力可以自己搓一套模版,不想搞可以和我一樣找個搓好的,套上來就可以了
我是用的是: http://pratikborsadiya.in/vali-admin/dashboard.html
目錄
bin: 啟動腳本,可以設定端口或者列印啟動位址
public:靜态資源檔案
routes:路由位址
views:模版頁面(目前變成pug了)
app.js:應該是挂在之類的
cloudbaserc.json:存放環境id和環境地域
啟動指令:npm run dev 釋出指令:npm run deploy
複制
修改模版
views中的pug檔案全部删掉,建立一個index.html
app.js: 将pug改成html,這樣就能加載html了
修改bin/www檔案
//修改前
server.listen(port);
//修改後
server.listen(port,()=>{
console.log("通路位址:", "http://localhost:"+port);
});
//重新開機後就能看到通路位址了,可以增加一下熱更新能力,百度了解一下
複制
啟動
谷歌上有小秘密,就改成360了,效果就出來了(此時用的是html模版)
部署雲函數
修改
cloudbaserc.json
檔案
envId和region不需要修改(如果地域環境也是上海就不需要修改)
inputs下的
path
改為
/mini
name改為mini
{
"version": "2.0",
"envId": "xxxxxxxx",
"framework": {
"name": "koa-starter",
"plugins": {
"node": {
"use": "@cloudbase/framework-plugin-node",
"inputs": {
"name": "mini",
"path": "/mini"
}
}
}
},
"functionRoot": "./functions",
"functions": [],
"region": "ap-shanghai"
}
複制
部署
直接在根目錄下運作
npm run deploy
,完成就能看到下面的圖檔了
這樣就是部署成功了,服務位址已經列印出來了,不過還要去等環境下的通路服務建立完成!
在
環境
-->
登陸授權
開啟匿名通路
在這裡插入圖檔描述
在
環境
-->
通路服務
中就能看到正在建立通路的位址了,箭頭指向也能看到是
上海
的