入門微信小程式[第六篇]微信小程式 -- 大櫻桃的安排

阿北哥ya發表於2017-10-31

經過一番努力,我的直接上司“大櫻桃”終於滿意了並且交給了我第一個小程式專案。

小乖猴助手

老沙很高興,終於可以實際的編碼了,對於一個100%的碼農來說,這是何等的愉悅。

這是一個家庭類的親子小程式,第一期的需求如下,老沙先看了一下首頁圖。

alt
alt

專案的第一期規劃如下:

  • 相片一籮筐 這是家庭相簿集,具有相簿瀏覽及相片拍攝/上傳功能,另外還有一個點就是視訊的拍攝問題。
  • 去哪兒 旅遊日誌類,主題思想就是父母帶了孩子去哪?不用看,這肯定要用到小程式的地圖元件等。
  • 生活這口大鍋 生活總要有些感悟,尤其是各位奶爸奶媽們,因此這個頻道是一個基於tag標籤的日誌系統。
  • 工作日曆 每個人都渴望成長,工作日曆是一個工作時間管理工具,整合了番茄鍾等主流的時間管理方法。

當然上面也僅僅是一個大綱,具體做的時候還要詳細說,老沙今天的任務是進行技術選型並提交給大櫻桃。

技術選項

一個一個來吧

對於小程式

  • 一個小程式開發者賬號,已經申請。
  • 網路通訊需要https協議,還要有一個域名。

程式碼管理

伺服器端

  • yii2 作為開發框架,在這裡老沙採用了基礎版。
  • 介面支援採用RESTful,好處是yii2已經支援它了,贊。
  • 資料庫仍然採用MySQL

開始實施

小程式開發者賬號的申請並不複雜,按照微信官方來就成了,一些天后老沙申請到了。

alt
alt

申請很容易就成功了,老沙還傳了一個logo,這個logo會出現在小程式的頁面頭部,如下圖。

alt
alt

小技巧:微信小程式的圖示修改地址為 小程式管理後臺 --- 設定 --- 小程式頭像設定連結。

伺服器問題
這個不是問題,老沙公司的伺服器使用的是騰訊雲,上面有很多yii2的程式了,所以這個問題就過了,對這裡不懂的同學可以看下 《90個小時》課程 nai8.me/course-book…

最後一個https問題
https有免費的和收費的,現在騰訊雲提供免費1年的,如果你的騰訊雲也是如此,可以去申請,速度很快,基本幾個小時就通過了。

alt
alt

要注意:申請的域名要注意下 a.nai8.me和b.nai8.me是兩個證書。

申請成功後下載證書到你的伺服器,然後需要配置web伺服器。

alt
alt

因為老沙的開發域名xgh.nai8.me,伺服器是nginx,因此需要配置nginx上此域名的檔案,如下圖,加幾行程式碼即可。

alt
alt

首先要監聽443埠,然後進行ssl證書的配置,為了過渡,我也暫留了80埠。

當然騰訊雲給了很全面的教程,如果你也使用騰訊雲,可以參考下面的教程 cloud.tencent.com/document/pr…

https配置完成

alt
alt

小提示:用composer安裝yii2程式時候,配置https可能顯示不安全,主要是預設的yii2程式佈局有www.yiiframework.com 導致,不影響。

還差一步了

現在小程式appid有了,https有了,伺服器程式有了,接下來差一步就可以開發了,當我們配置了https的域名後,還需要給小程式繫結下,在開發工具上的體現就是。

alt
alt

不同的場景可以使用不同的域名,我這裡都是用xgh.nai8.me

這個設定也很容易,還是在小程式管理後臺 - 設定 - 開發設定裡就可以設定。

alt
alt

當然在開發的時候也可以不用https,只需要配置開發工具中的 不校驗安全域名、TLS 版本以及 HTTPS 證書 即可。

為了一次搞定,我沒有采用這個配置。

最後要說的

一個appid、一個https、一個伺服器程式就可以開始小程式了,在小程式這麼火爆的當下,跟著我實戰一個專案如何?學會它。

相關文章