一沛慢、市面上小程序平臺(tái)主要分為四種
????1.微信小程序,接口主要以wx開(kāi)頭
????2.支付寶小程序(個(gè)人支付寶賬號(hào)入駐盒音,申請(qǐng)個(gè)人公測(cè))接口主要以my開(kāi)頭
????3.字節(jié)跳動(dòng)小程序 (不支持一鍵轉(zhuǎn)換表鳍,不支持wepy,mpvue)接口主要以tt開(kāi)頭
????4.百度小程序(暫不支持個(gè)人)接口主要以swan開(kāi)頭
二、用mpvue框架以微信小程序?yàn)槔?/p>
????1.進(jìn)行小程序注冊(cè)
????2.安裝開(kāi)發(fā)者工具
????用mpvue創(chuàng)建一個(gè)小程序項(xiàng)目
????1.全局安裝vue-cli
????$ npm install --global vue-cli
? ? 2.創(chuàng)建一個(gè)基于mpvue-quickstart 模板的新項(xiàng)目?
????$ vue init mpvue/mpvue-quickstart my-project
????3. 安裝依賴?
????$ cd my-project
????$ npm install
????4.啟動(dòng)構(gòu)建
????$ npm run dev
下載模板過(guò)程中有輸入小程序的appId的祥诽,可以直接回車譬圣,或者在微信公眾平臺(tái)中 設(shè)置 找到小程序的appId填上
打開(kāi)微信開(kāi)發(fā)者工具將該項(xiàng)目導(dǎo)入,之前沒(méi)有輸入appId的在此時(shí)填入
1.上傳頭像
調(diào)用wx.chooseImage(),wx.upLoadFile()以及藥神中上傳頭像接口
2.登錄授權(quán)
通過(guò)wx.login()接口成功可以獲取到返回來(lái)的code雄坪,然后調(diào)用wx.request()向服務(wù)器發(fā)起請(qǐng)求(登錄接口)換取到openid和session_key厘熟,然后通過(guò)wx.getUserinfo()接口獲取用戶的基本信息
獲取用戶信息官方文檔中"wx.authorize({scope: "scope.userInfo"}),不會(huì)彈出授權(quán)窗口,使用<button open-type="getUserInfo"/>"绳姨,也就是需要用戶手動(dòng)點(diǎn)擊open-type=getUserInfo的<button>組件才可以彈出請(qǐng)求權(quán)限的彈窗
3.獲取地理位置
通過(guò)wx.getLocation()接口獲取用戶的地理位置
需要在app.json中設(shè)置
‘permission’:{
‘scope.userLocation’:{
???????‘desc’:‘獲取位置’
}
}
e.authSetting[‘scope.userLocation’]為true時(shí)證明已經(jīng)獲取到地理位置登澜,通過(guò)wx.chooseLocation()打開(kāi)地圖,選擇位置
注意事項(xiàng):
1.個(gè)人類型和海外類型小程序暫不支持使用web-view跳轉(zhuǎn)外鏈
2.調(diào)用接口時(shí)需要在服務(wù)器域名中添加request合法域名
3.調(diào)用上傳圖像接口時(shí)需要添加uoloadFile合法域名
4.報(bào)錯(cuò)時(shí)將小程序npm run dev 生成的dist目錄刪除再運(yùn)行一次
將開(kāi)發(fā)工具中項(xiàng)目設(shè)置es6轉(zhuǎn) es5勾上
5.下載完開(kāi)發(fā)工具之后可能會(huì)出現(xiàn)當(dāng)前系統(tǒng)不是安全代理是否信任的問(wèn)題飘庄,下載fiddler工具脑蠕,設(shè)置本地代理
小程序的優(yōu)勢(shì)與劣勢(shì)
優(yōu)勢(shì):
1、無(wú)需下載跪削,通過(guò)搜索和掃一掃就可以打開(kāi)谴仙。
2、良好的用戶體驗(yàn):打開(kāi)速度快碾盐。
3晃跺、開(kāi)發(fā)成本要比App要低。
4廓旬、安卓上可以添加到桌面哼审,與原生App差不多。
5孕豹、為用戶提供良好的安全保障涩盾。小程序的發(fā)布,微信擁有一套嚴(yán)格的審查流程励背, 不能通過(guò)審查的小程序是無(wú)法發(fā)布到線上的春霍。
劣勢(shì):
1、限制較多叶眉。頁(yè)面大小不能超過(guò)1M址儒。不能打開(kāi)超過(guò)5個(gè)層級(jí)的頁(yè)面。
2衅疙、樣式單一莲趣。小程序的部分組件已經(jīng)是成型的了,樣式不可以修改饱溢。例如:幻燈片喧伞、導(dǎo)航。
3绩郎、推廣面窄潘鲫,不能分享朋友圈,只能通過(guò)分享給朋友肋杖,附近小程序推廣溉仑。其中附近小程序也受到微信的限制。
4状植、依托于微信浊竟,無(wú)法開(kāi)發(fā)后臺(tái)管理功能怨喘。
如何提高小程序應(yīng)用速度
1、提高頁(yè)面加載速度
2逐沙、用戶行為預(yù)測(cè)
3哲思、減少默認(rèn)?data?的大小
4、組件化方案