小白福利，零成本，配置小程式前後端

jcc123發表於2019-02-08
後端

痛點

當我們開發一款小程式的時候，對於初級使用者的使用成本還是蠻大的，既要購買伺服器，又要購買資料庫，域名，還要備案。 這一整套下來，是讓人很難受的，不能專心的去實現功能。有沒有這樣的一個平臺，我只要把程式碼上傳上去，它就可以執行， 成本可以低點就更好了。在開發過程中，我發現新浪的sae挺不錯的，正好可以解決這一痛點

1 使用物件

小白使用者，即使你不會程式碼，有一顆求知之心。按著教程一步步配置，也可以執行一套包含前後端的小程式。

2 需要的資源

  • 申請個人小程式
    有個郵箱，一步步按著流程來即可，最後記下appid，新浪sae應用建立完後，把新浪自動分配的域名，填寫到開發配置中。
  • npm 安裝 ，網上搜一下大把的資源
  • 註冊新浪sae，建立

3 新浪sae詳細說明

有一個新浪賬號就可以，登入進去之後。

file

建立應用

file

配置應用，點選建立。如果顯示沒有云豆，就充1塊錢進去，就可以建立了。

file

　上傳程式碼，程式碼下載,下載之後，先進行解壓，在進到目錄進行壓縮，要不程式碼上層還有一個目錄。

file
file
file

建立共享資料庫，記下資料庫賬號和密碼

file

匯入測試資料，測試資料下載

file

配置資料庫（把剛才記下的資料庫和密碼配置到應用中）

file
file

最後訪問新浪給你的域名 https://xxxx.applinzi.com/

可以看到應用頁面
file
注意，如果專案根目錄沒有.htaccess檔案，可在單獨上傳此檔案

file

4 小程式配置

下載程式碼

git clone https://github.com/jc91715/xcx-sina-sae.git project

安裝依賴

cd project && npm install

監聽

npm run --watch

修改配置

在src/app.wpy 檔案中

  globalData = {
    userInfo: null,
    domain: 'xxxx'
  }

xxx 改為新浪給你的域名

開啟小程式開發工具，指向dist目錄，就可以執行了

3 api介面

提供兩個api介面，一個是獲得文章列表，另一個是獲得文章詳情。
假如你的新浪sae配置好的話，訪問

文章列表

file

文章詳情
file

結束

本作品採用《CC 協議》，轉載必須註明作者和本文連結
NOT IS BECAUSE I WANT TO WRITE， BUT I WANT TO INCREASE, SO I GO TO WRITE~~

相關文章