微信小程序調研文檔

kidsamong 發布于2019-08-20 13:44 / 677人閱讀

摘要：關于微信小程序之前只是聽說，并沒有引起我太大的興趣。剛好團隊內部有個需求需要微信小程序。暫時沒有上線經歷，沒辦法給出這個時間微信小程序的代碼包大小當前限制是。

關于微信小程序之前只是聽說，并沒有引起我太大的興趣。周一被小程序刷屏，然后就順手搜索了解了一下。發現小程序已經火遍了整個程序員圈子。剛好團隊內部有個需求需要微信小程序。就緊急對微信小程序進行了調研，閱讀過開發者文檔后總結了以下的幾個開發者比較關心的問題：

微信小程序提供給開發者的能力有哪些；

在微信小程序易忽略的知識點和代碼安全問題；

PassFE和PassRD的學習和開發成本；

注意：這篇文章刪除了一些跟我當前業務相關的一些內容。如果有興趣小程序開發的我們可以一起交流哈。

1.首先看微信小程序提供給開發者的能力有哪些？

Request請求

上傳，下載

Websocket請求

媒體

圖片選擇（獲取圖片信息）

錄音

音頻播放控制

音樂播放控制

文件的相關操作

數據存儲（跟h5的一樣）

設備

獲取用戶的地理位置信息

獲取用戶的設備信息（網絡，系統，重力感應，羅盤，撥打電話，掃碼）

界面

交互反饋，設置導航條樣式，導航，動畫

繪圖，下拉刷新

開放的接口

登錄，獲取用戶信息，微信支付，模板消息

2.微信小程序中頁面運行環境和登錄可能面臨的安全問題。

小程序的運行環境是微信客戶端提供的類瀏覽器（WebView）運行環境。小程序相當于運行在一個瀏覽器環境中。

小程序的請求都必須是https的請求。支持常用的HTTP協議的方法，比如：PUT,GET,POST等；因為所有的請求都是由NA轉發的，所以不會存在跨域的問題（微信小程序的設置頁面可以設置）。小程序的網絡請求的referer是不可以設置，格式是固定的格式。

小程序運行在微信的渲染引擎中是不支持window和document對象。所以無法使用這兩個對象操作cookie操作。開發者可以通過 wx.setStorage等方法在客戶端存儲數據操作；

是否可以收集用戶的敏感信息。當前只是可以獲取用戶的地理位置，頭像，昵稱信息。其它信息不能夠獲取。（首先微信的登錄接口不提供這樣的能力，第二微信有審核機制，如果我們有這樣的代碼，小程序可能審核不通過）

出現安全問題后，從修復問題到上線的響應時長的問題。暫時沒有上線經歷，沒辦法給出這個時間；

微信小程序的代碼包大小當前限制是1MB。所以頁面引用的圖片或者是文件必須以外鏈的方式；

3.微信小程序的學習和開發成本 3.1已經有的頁面樣式是否可以復用到微信小程序中

微信小程序有自己的設計規范，需要UI同學按照微信小程序的設計規范評估我們當前的UI是否符合微信的設計規范，否則會存在審核不通過的可能。

微信小程序的UI規范地址：https://mp.weixin.qq.com/debu...

3.2小程序的開發思想

微信小程序借鑒了當前非常流行的前端框架react和vue的開發思想，組件化的開發方式。一個頁面就是一個組件，一個組件由以下4個部分組成：

所以在開發微信小程序的過程中我們需要學習微信小程序的wxml語法。個人認為wxml的語法相對還是比較容易掌握的。而wxss的語法就是我們熟知的css的語法，只是不支持一些高級的css選擇器。

3.3對后端工程師的影響

通過下圖了解小程序的頁面的渲染過程

由上面的流程可以知道在小程序的渲染引擎渲染頁面的時候，頁面需要的數據都是通過接口獲取的。而我們現在的開發模式基本都是后端php渲染smarty模板，渲染過程中會將某些前端需要的變量或者是參數寫到Html頁面中。如果以后要在小程序中拓展Pass的能力，后端會有一定的開發成本；

如果你當前的開發模式跟我們的一樣，如果想要在小程序中開發自己的頁面，也是會有一定的后端開發成本的；

以上就是對支持產品線在微信小程序中登錄面臨的問題的調研結果和對我們當前服務能力的影響。大家如果對微信小程序有興趣可以跟我交流哈。

云服務器 GPU云服務器微信小程序微信小程序支付微信小程序部署微信小程序搭建

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/81219.html

微信小程序調研

摘要：外鏈月最新新增提供組件可以用來承載網頁容器會自動鋪滿整個小程序頁面個人類型和海外類型暫不支持需將訪問域名后臺添加至白名單微信授權鏈接是否可訪問需要測試公眾號關聯公眾號關聯小程序后，將可在圖文消息自定義菜單模板消息等功能中使用小程序。小程序入口微信發現,小程序公眾號主體查看小程序好友分享,群分享公眾號自定義菜單跳轉 APP頁面跳轉第三方服務附近的小程序掃普通鏈接二維碼打...

CKJOKER 2019-08-21 17:49 評論0 收藏0
[前端工坊]快應用-技術調研

摘要：文章來自微信公眾號前端工坊，不定期更新有趣好玩的前端相關原創技術文章。快應用和微信小程序的區別開發環境快應用需要自行安裝配置一系列環境及調試工具，而小程序只需一個開發者工具即可，這一點小程序勝。文章來自微信公眾號：前端工坊(fe_workshop)，不定期更新有趣、好玩的前端相關原創技術文章。如果喜歡，請關注公眾號：前端工坊版權歸公眾號所有，轉載請注明出處。作者： xdooi sh...

y1chuan 2019-08-22 15:44 評論0 收藏0