微信小程序敏捷開發(fā)實戰(zhàn)
2021-07-26 10:44:15

?

wxml->wcc編譯->javascript
用戶javascript->

wawebview->view

小程序原理

微信
小程序-》
webview
appservice
native

首次加載cdn
小程序包
冷加載讀取緩存/檢查更新

熱加載直接后臺切前臺

ajax請求server
response

webview預加載

微信小程序以及后臺交互架構

后端服務

服務api

web server -》 業(yè)務應用 -》 文件，數(shù)據(jù)庫，緩存
后臺服務

后臺設備：
lb 負載均衡

web server 業(yè)務應用服務器-》分布式存儲-》數(shù)據(jù)庫集群-》緩存集群

serverless 架構
無服務器

image.png

image.png

小程序-》api網(wǎng)關-》云函數(shù)-》cdb云數(shù)據(jù)庫

小程序通過網(wǎng)絡api，發(fā)起請求

// 主播
<live-pusher src=""></live-pusher>

// 觀眾
<live-player src=""></live-player>

構建直播小程序
申請騰訊云直播服務
獲取加密私鑰
部署自己的業(yè)務后臺
生成開播，播放端地址
開啟小程序

setData優(yōu)化
頻繁setData = 頻繁dom操作
ui延遲
事件延遲

超大數(shù)據(jù)setData
腳本執(zhí)行時間過大

在后臺setData
多余的資源消耗
搶占前臺js執(zhí)行

onhide時停止數(shù)據(jù)更新

image.png

image.png

微信小程序登錄過程
獲取code

應用態(tài)的access_token
/cgi-bin/token
中控cache模塊維護
cache失效時間，比如expires_in*5/6
appsecret不要放到前端
session_key不要放前端

開放數(shù)據(jù)域
目的：保證用戶隱私的前提下開放用戶數(shù)據(jù)給第三方
定義：開放數(shù)據(jù)域 是一個封閉，獨立的JavaScript作用域

image.png

image.png

image.png

image.png

image.png

image.png

image.png

wxParse富文本的坑
https://github.com/icindy/wxParse

rich-text

wxapp-webpack-plugin

代碼精簡

zanproxy
npm install -g zan-proxy

image.png

image.png

image.png

---

若本號內(nèi)容有做得不到位的地方（比如：涉及版權或其他問題），請及時聯(lián)系我們進行整改即可，會在第一時間進行處理。

---

?

?

?