基於滴滴雲搭建微信小程式

java06051515發表於2018-12-21

微信小程式自 2017 年推出以來,以其輕量級級特性,為傳統移動網際網路格局帶來了極大的震動。相對於傳統 APP,小程式無需下載,即掃即用,用完即走,極大的節省了手機的空間,提高了使用者使用的便利性。

本文主要是介紹瞭如何基於 滴滴雲 的伺服器來從零搭建一個微信小程式。

準備域名和證書

在小程式的生產環境,為了安全性考慮,需透過 HTTPS 來訪問小程式的後臺服務,因此在搭建之前,我們要準備域名和 SSL 證書等。

域名註冊

如果你還沒有域名,請購買自己的域名。由於我國對於網際網路的監管比較嚴格,所有國內伺服器的一級域名均需要備案。因此我們在購買域名時需確保域名字尾能夠備案。

滴滴雲 控制檯-備案中可以進行域名的備案操作。

域名解析

域名註冊完成後,需要將域名解析到雲主機伺服器上。域名設定解析後需要一段時間才能生效,可以透過 Ping 命令檢查域名是否生效。

若 Ping 命令中返回的資訊中包含你設定解析的 IP 地址,即解析成功。

申請 SSL 證書

可在 滴滴雲 -安全-證書管理中申請 SSL 證書。

搭建 HTTP 服務

下面介紹如何在伺服器使用 Node 和 Express 搭建一個 HTTP 伺服器。

安裝 NodeJs 和 NPM

可前往   Node 官方網站 下載最新的 bin 包

下載 Node 壓縮包

  wegt   - c    https : //nodejs.org/dist/v10.14.1/node-v10.14.1-linux-x64.tar.xz

解壓

  tar   - xvf  node - v10 . 14.1 - linux - x64 . tar . xz

  mv  node - v10 . 14.1 - linux - x64 . tar . xz   ~ / app / nodejs

檢測是否安裝成功

  ~ / app / nodejs / bin / node   - v

設定為全域性指定

  sudo  ln   s   ~ / app / nodejs / bin / node   / usr / local / bin / node

  sudo  ln   s   ~ / app / nodejs / bin / npm   / usr / local / bin / nom

安裝 Nginx

NodeJs 是單程式語言,因此我們可透過 NodeJs 與 Nginx 結合實現多程式的 NodeJS 負載均衡管理,並可以將一些靜態檔案直接透過 Nginx 代理,提高效能。

安裝

  yum   y   install  nginx

檢測安裝狀態

  nginx   v

安裝 MySQL

下載 MySQL 源安裝包

  wget  http : //dev.mysql.com/get/mysql57-community-release-el7-8.noarch.rpm

安裝 MySQL 源

  yum  localinstall  mysql57 - community - release - el7 - 8.noarch.rpm

安裝 MySQL

  yum  install  mysql - community - server

啟動 MySQL 服務

  systemctl  start  mysqld

匯入 SSL 證書

新建  /data/release/nginx  目錄,將 SSL 證書放在該目錄下。

配置 Nginx

可在執行 Nginx 前,透過  nginx -t  命令來檢測當前配置檔案是否正確。

配置成功後,啟動 Nginx,在瀏覽器上訪問  http://你的域名/weapp/  會自動跳轉到 HTTPS 上,並顯示  502 Bad Gateway ,則表示配置成功。

搭建微信小程式開發環境

在搭建好服務端環境後,我們需要完成客戶端小程式開發環境的搭建。

註冊開發者賬號

前往 微信公眾平臺 進行開發者賬號註冊

配置小程式伺服器資訊

登入微信公眾平臺後,依次進入設定-開發設定-伺服器域名,掃碼完成身份校驗後,在對應伺服器配置資訊處正確填寫自己的合法域名。

下載小程式配套開發工具

前往 開發者工具 下載小程式開發工具。

下載後安裝並啟動,透過微信掃碼進入,並填寫對應配置:

  • 專案名稱:指定小程式所在目錄路徑


  • 專案名稱:填寫任意你喜歡的名稱

  • AppID:可在微信公眾平臺-設定-開發設定中查詢

在建立小程式專案時,可自定義選擇初始化專案的模版型別。

呼叫服務端介面

現在我們可以直接透過小程式 API 去訪問我們域名伺服器下的服務了:

最後

現在小程式自己已經支援了雲開發,開發者可以使用雲開發開發微信小程式、小遊戲,無需搭建伺服器,即可使用雲端能力。

參考文章:

https://blog.csdn.net/li420248878/article/details/79120604

https://cloud.tencent.com/developer/article/1146450


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31559758/viewspace-2285333/,如需轉載,請註明出處,否則將追究法律責任。

相關文章