小程序模板網(wǎng)

微信小程序熱更新和微信運(yùn)動(dòng)打卡

發(fā)布時(shí)間:2018-05-03 15:53 所屬欄目:小程序開(kāi)發(fā)教程

首先,我要祈禱這次審核通過(guò)吧?。?!

你看到這篇文章的時(shí)候可能我的小程序還沒(méi)有審核通過(guò),或者審核沒(méi)通過(guò),(^▽^)!

話說(shuō)元旦之前我做了一款新年圖片日記的小程序,結(jié)果因?yàn)槭莻€(gè)人賬戶各種權(quán)限問(wèn)題最終沒(méi)有審核通過(guò)!

未審核通過(guò) 


于是乎我我快馬加鞭的注冊(cè)了一個(gè)公司,然后又認(rèn)證了一個(gè)企業(yè)小程序賬戶來(lái)大展拳腳,哈哈,牛逼到此結(jié)束!

熱更新的問(wèn)題之前就考慮過(guò),因?yàn)槲⑿艑徍苏娴氖翘?,而且,?duì)于一個(gè)前端來(lái)說(shuō)經(jīng)常換換頁(yè)面樣式圖片又是很樂(lè)于做的,但是,審核時(shí)間是個(gè)硬傷,我一般經(jīng)歷的都是5天審核通過(guò),太慢了!

于是,我決定設(shè)計(jì)一個(gè)熱更新的小程序“SHOW運(yùn)動(dòng)”,搜索LMOMO的程序。

 

項(xiàng)目比較簡(jiǎn)單,就是因?yàn)楝F(xiàn)在微信運(yùn)動(dòng)的分享圖太丑了,想做一個(gè)美化版的,讓喜歡運(yùn)動(dòng)的朋友們每天可以朋友圈打卡,后續(xù)還會(huì)有些想法,前提是這個(gè)版本能上線!

基本流程:獲取用戶信息,獲取微信運(yùn)動(dòng),獲取地理位置,獲取保存圖片等權(quán)限;

流程設(shè)計(jì)好了,UI也結(jié)束了,然后分離出要熱更新的部分,如果全部熱更新工作量太大,而且我得后臺(tái)技術(shù)有限,只會(huì)簡(jiǎn)單的php,最終我決定熱更新的部分有按鈕,背景顏色,部分圖片,及邊框顏色、粗細(xì)、圓角。

我得實(shí)現(xiàn)方法是接口請(qǐng)求返回?cái)?shù)值綁定到小程序頁(yè)面

實(shí)現(xiàn)方法基本如下:

PHP

php文件(寫(xiě)法比較LOW大家湊合看吧,明白意思就行) 


小程序JS文件

小程序JS文件部分 

小程序WXML部分

 

小程序wxml文件部分 

 

我的實(shí)現(xiàn)方法就是,通過(guò)請(qǐng)求接口,返回json,然后進(jìn)行綁定,從而實(shí)現(xiàn)熱部署微信小程序,規(guī)避審核慢的問(wèn)題,但是,熱更新是依賴網(wǎng)絡(luò)加載的,換言之服務(wù)器效率越高、帶寬越大測(cè)速就會(huì)越快,用戶體驗(yàn)會(huì)越好,反之則你懂得,我使用的是騰訊云企業(yè)扶持活動(dòng)中,1核心1G5M帶寬的免費(fèi)主機(jī),壓縮所有圖片盡量使其質(zhì)量變小,未做壓力測(cè)試,因?yàn)槲矣X(jué)得可能不會(huì)有太多人用,哈哈!

 

熱更新會(huì)是個(gè)必然的趨勢(shì),大神們可能還有更高超的技術(shù),小弟技術(shù)拙劣,如有不對(duì)之處,請(qǐng)指正,同時(shí)歡迎大家騷擾一同學(xué)習(xí)進(jìn)步,謝謝大家,文章寫(xiě)的太LOW?。?/p>



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