CloudBase Framework助你輕松搭建一個完整應用
示例位址：http://cloud.qinmudi.cn/watch-todolist
我們要部署靜态網站，是以，需要提前準備按量計費環境。
使用 CloudBase Framework 建立一個 vue 應用。
具體操作，參見：如何用 Cloudbase Framework 部署一個 Vue 項目？
兩種建立方式，任選。
打開雲開發控制台，手動建立 watch-todos 集合
配置 cloudbaserc.json
請注意 database 部分的配置。
這裡，"database"是自定義的名稱，你可以配置成任何你喜歡的名字~
之後，在 package.json 中，相應配置部署的 script 腳本即可。
比如，我們這裡配置了：
配置完成後，執行：
or
進行部署，雲資料庫中，就會自動生成 watch-todos 集合。
【注】
擷取資料庫執行個體，必須先進行登入授權，否則無法擷取。
為了便于示範，這裡采用匿名登入方式。
具體實作如下：
【step1】雲開發控制台開啟匿名登入：
【step2】tcb/index.js
tcb/service.js
這是 demo 中的 App.vue
通路 http://localhost:8080/watch-todolist
1）配置 envId（要使用按量計費環境，因為我們要部署的是一個靜态網站）
2）删除 server 相關配置（删不删都行，删掉減少備援）
3）配置你自己的 cloudPath（這裡以 /watch-todolist 為例）
根據你的配置，通路：
http://your_domain/your_path
檢視我們的示例，通路：
http://cloud.qinmudi.cn/watch-todolist
打開兩個視窗，同時通路。
一個視窗進行增删改操作，另一視窗觀察效果~
https://github.com/oteam-sources/watch-todolist.git
配置自己的 envId。
浏覽器通路：http://localhost:8080/watch-todolist/
浏覽器通路
預覽部署後的示例~
以上，來自 CloudBase Framework Oteam 團隊。 歡迎更多的小夥伴加入，共建社群生态~
Github 開源位址
https://github.com/TencentCloudBase/cloudbase-framework