小程序模板網(wǎng)

小北微信小程序之小白教程系列之 -- 項(xiàng)目實(shí)戰(zhàn)(小乖猴助手小程序)

發(fā)布時(shí)間:2018-01-04 11:28 所屬欄目:小程序開(kāi)發(fā)教程

經(jīng)過(guò)一番努力,我的直接上司“大櫻桃”終于滿(mǎn)意了并且交給了我第一個(gè)小程序項(xiàng)目。小乖猴助手老沙很高興,終于可以實(shí)際的編碼了,對(duì)于一個(gè)100%的碼農(nóng)來(lái)說(shuō),這是何等的愉悅。這是一個(gè)家庭類(lèi)的親子小程序,第一期的需求 ...

 
 
 

經(jīng)過(guò)一番努力,我的直接上司“大櫻桃”終于滿(mǎn)意了并且交給了我第一個(gè)小程序項(xiàng)目。

小乖猴助手

老沙很高興,終于可以實(shí)際的編碼了,對(duì)于一個(gè)100%的碼農(nóng)來(lái)說(shuō),這是何等的愉悅。

這是一個(gè)家庭類(lèi)的親子小程序,第一期的需求如下,老沙先看了一下首頁(yè)圖。

項(xiàng)目的第一期規(guī)劃如下:

  • 相片一籮筐 這是家庭相冊(cè)集,具有相冊(cè)瀏覽及相片拍攝/上傳功能,另外還有一個(gè)點(diǎn)就是視頻的拍攝問(wèn)題。
  • 去哪兒 旅游日志類(lèi),主題思想就是父母帶了孩子去哪?不用看,這肯定要用到小程序的地圖組件等。
  • 生活這口大鍋 生活總要有些感悟,尤其是各位奶爸奶媽們,因此這個(gè)頻道是一個(gè)基于tag標(biāo)簽的日志系統(tǒng)。
  • 工作日歷 每個(gè)人都渴望成長(zhǎng),工作日歷是一個(gè)工作時(shí)間管理工具,集成了番茄鐘等主流的時(shí)間管理方法。

當(dāng)然上面也僅僅是一個(gè)大綱,具體做的時(shí)候還要詳細(xì)說(shuō),老沙今天的任務(wù)是進(jìn)行技術(shù)選型并提交給大櫻桃。

技術(shù)選項(xiàng)

一個(gè)一個(gè)來(lái)吧

對(duì)于小程序

  • 一個(gè)小程序開(kāi)發(fā)者賬號(hào),已經(jīng)申請(qǐng)。
  • 網(wǎng)絡(luò)通訊需要https協(xié)議,還要有一個(gè)域名。

代碼管理

  • 使用github進(jìn)行代碼管理 https://github.com/abei2017/xgh

服務(wù)器端

  • yii2 作為開(kāi)發(fā)框架,在這里老沙采用了基礎(chǔ)版。
  • 接口支持采用RESTful,好處是yii2已經(jīng)支持它了,贊。
  • 數(shù)據(jù)庫(kù)仍然采用MySQL

開(kāi)始實(shí)施

小程序開(kāi)發(fā)者賬號(hào)的申請(qǐng)并不復(fù)雜,按照微信官方來(lái)就成了,一些天后老沙申請(qǐng)到了。

 

申請(qǐng)很容易就成功了,老沙還傳了一個(gè)logo,這個(gè)logo會(huì)出現(xiàn)在小程序的頁(yè)面頭部,如下圖。

 

小技巧:微信小程序的圖標(biāo)修改地址為 小程序管理后臺(tái) --- 設(shè)置 --- 小程序頭像設(shè)置鏈接。

服務(wù)器問(wèn)題

這個(gè)不是問(wèn)題,老沙公司的服務(wù)器使用的是騰訊云,上面有很多yii2的程序了,所以這個(gè)問(wèn)題就過(guò)了,對(duì)這里不懂的同學(xué)可以看下 《90個(gè)小時(shí)》課程 http://nai8.me/course-book.ht...

最后一個(gè)https問(wèn)題

https有免費(fèi)的和收費(fèi)的,現(xiàn)在騰訊云提供免費(fèi)1年的,如果你的騰訊云也是如此,可以去申請(qǐng),速度很快,基本幾個(gè)小時(shí)就通過(guò)了。

 

要注意:申請(qǐng)的域名要注意下 a.nai8.me和b.nai8.me是兩個(gè)證書(shū)。

申請(qǐng)成功后下載證書(shū)到你的服務(wù)器,然后需要配置web服務(wù)器。

 

因?yàn)槔仙车拈_(kāi)發(fā)域名 https://xgh.nai8.me ,服務(wù)器是nginx,因此需要配置nginx上此域名的文件,如下圖,加幾行代碼即可。

 

首先要監(jiān)聽(tīng)443端口,然后進(jìn)行ssl證書(shū)的配置,為了過(guò)渡,我也暫留了80端口。

當(dāng)然騰訊云給了很全面的教程,如果你也使用騰訊云,可以參考下面的教程 https://cloud.tencent.com/doc...

https配置完成

 

小提示:用composer安裝yii2程序時(shí)候,配置https可能顯示不安全,主要是默認(rèn)的yii2程序布局有 http://www.yiiframework.com 導(dǎo)致,不影響。

還差一步了

現(xiàn)在小程序appid有了,https有了,服務(wù)器程序有了,接下來(lái)差一步就可以開(kāi)發(fā)了,當(dāng)我們配置了https的域名后,還需要給小程序綁定下,在開(kāi)發(fā)工具上的體現(xiàn)就是。

 

不同的場(chǎng)景可以使用不同的域名,我這里都是用 https://xgh.nai8.me

這個(gè)設(shè)置也很容易,還是在小程序管理后臺(tái) - 設(shè)置 - 開(kāi)發(fā)設(shè)置里就可以設(shè)置。

 

當(dāng)然在開(kāi)發(fā)的時(shí)候也可以不用https,只需要配置開(kāi)發(fā)工具中的 不校驗(yàn)安全域名、TLS 版本以及 HTTPS 證書(shū) 即可。

為了一次搞定,我沒(méi)有采用這個(gè)配置。

最后要說(shuō)的

一個(gè)appid、一個(gè)https、一個(gè)服務(wù)器程序就可以開(kāi)始小程序了,在小程序這么火爆的當(dāng)下,跟著我實(shí)戰(zhàn)一個(gè)項(xiàng)目如何?學(xué)會(huì)它。



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開(kāi)源 碼云倉(cāng)庫(kù):starfork
本文地址:http://22321a.com/wxmini/doc/course/18367.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢(xún):800182392 點(diǎn)擊咨詢(xún)
QQ在線(xiàn)咨詢(xún)