天天看點

白嫖のCloudBase雲函數第一章CloudBase雲函數背景管理平台

CloudBase雲函數背景管理平台

起源

最近做微信小程式應用看到一個雲開發模式, 冒着好奇害死貓的心切換了看了看,然後看到了一個好東西。

如下:

白嫖のCloudBase雲函數第一章CloudBase雲函數背景管理平台

<font color='red'> 免費版!</font> <font color='red'> 免費版!</font> <font color='red'> 免費版!</font> 還提供一個免費的公網!

它貌似在告訴我,來嫖我啊!這我哪能忍,必須整一個啊!

成效
白嫖のCloudBase雲函數第一章CloudBase雲函數背景管理平台
白嫖のCloudBase雲函數第一章CloudBase雲函數背景管理平台
正文開始

首先,你得注冊一個小程式,注冊方式百度一下!

位址:https://mp.weixin.qq.com/           

複制

注冊好了後你就擁有了一個appid: xxxxxxxx

下載下傳一個小程式開發工具,建立項目的時候你就能看見如下的圖檔了(測試号不會有的)

白嫖のCloudBase雲函數第一章CloudBase雲函數背景管理平台

建立的時候後端服務選擇: <font color='red'> 小程式丶雲開發</font>,一定要選擇這個模式,然後建立一個項目!

然後百度搜尋

cloudbase

, 登陸的時候用注冊小程式的賬号登陸,要不然看不到這個免費環境的!

環境如下:

白嫖のCloudBase雲函數第一章CloudBase雲函數背景管理平台
開始操作

開始之前還需要安裝node,百度安裝

之後可以看一下: cloudbase快速開始

安裝一下 Cloudbase Cli

開始建立項目

第一次建立會有授權問題,授權一下就可以開始了!

然後使用

tcb new xxx(你的項目名)

為什麼是tcb? 可能也許是Tencent CloudBase 的縮寫吧。

你環境所在的地域可以在cloudbase上看到的,選好回車

白嫖のCloudBase雲函數第一章CloudBase雲函數背景管理平台

看到我的免費版了

白嫖のCloudBase雲函數第一章CloudBase雲函數背景管理平台

模版請選擇Koa應用

白嫖のCloudBase雲函數第一章CloudBase雲函數背景管理平台

看到下圖就是建立成功了

白嫖のCloudBase雲函數第一章CloudBase雲函數背景管理平台
關于web模版問題

不太建議選擇Bootstrap,網絡加載,慢!本地使用,本件多占用記憶體多,卡!

有能力可以自己搓一套模版,不想搞可以和我一樣找個搓好的,套上來就可以了

我是用的是: http://pratikborsadiya.in/vali-admin/dashboard.html

目錄
白嫖のCloudBase雲函數第一章CloudBase雲函數背景管理平台
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模版)

白嫖のCloudBase雲函數第一章CloudBase雲函數背景管理平台
部署雲函數

修改

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

,完成就能看到下面的圖檔了

這樣就是部署成功了,服務位址已經列印出來了,不過還要去等環境下的通路服務建立完成!

白嫖のCloudBase雲函數第一章CloudBase雲函數背景管理平台

環境

-->

登陸授權

開啟匿名通路

白嫖のCloudBase雲函數第一章CloudBase雲函數背景管理平台

在這裡插入圖檔描述

環境

-->

通路服務

中就能看到正在建立通路的位址了,箭頭指向也能看到是

上海

白嫖のCloudBase雲函數第一章CloudBase雲函數背景管理平台