小程序開發，微信，支付寶，頭條，QQ小程序多端差異報告匯總

2020-10-30 朝學朝用

須知

  • 這是一份詳細的小程序各特性各端真機調研對比報告
  • 測試機：iPhone7 plus IOS 12.4.1
  • 客戶端：微信7.0.5，支付寶10.1.72，今日頭條7.4.0，抖音8.1.0，QQ8.1.5.461
  • 百度小程序只有商戶才能註冊，個人開發者無法註冊，沒有appid功能受限（如百度開發者工具無法使用預覽功能導致無法真機測試），所以暫時不測百度小程序

用戶信息授權

  • 授權方式：
  • 【頭條】用戶信息授權方式還停留在微信小程序第一版，即直接調用 getUserInfo 彈出授權彈窗，如果用戶選擇允許，則後續調用不再出彈窗，而是直接走 success 回調。如果用戶選擇取消，則後續調用也不再出彈窗，而是直接走 fail 回調
  • 【微信】【QQ】【支付寶】則採用 button + 回調事件的方式調起授權彈窗，如果用戶選擇允許，則後續點擊不再出彈窗，直接走回調。如果用戶選擇取消，則後續點擊繼續彈窗詢問授權
  • 授權信息清除方式：
  • 【微信】刪除小程序即可清除授權信息
  • 【支付寶】我的-設置-安全設置-帳號授權
  • 【今日頭條】我的-系統設置-清除緩存。【抖音】未找到清除方法
  • 【QQ】未找到清除方法（據說開放小程序的QQ版本尚未灰度發布）

小程序登錄

  • 【微信】wx.login
  • 【QQ】qq.login 基本同微信
  • 【支付寶】my.getAuthCode
  • 【頭條】大致同微信，未找到模型文檔

分享

  • 行為：
  • 【微信】直接調起聊天對話列表進行選擇
  • 【QQ】調起分享渠道列表：
  • QQ好友
  • QQ空間
  • 點右上角三個點調起的列表還有微信好友和朋友圈兩個項，在微信中打開qq小程序是走中間頁
  • 【支付寶】調起分享渠道列表：
  • 支付寶朋友圈
  • 支付寶聯繫人
  • 微信好友|QQ好友(保存支付寶生成的分享圖片後打開支付寶掃碼)
  • 釘釘好友(中間頁自動打開支付寶小程序，中間頁不自動關閉)
  • 新浪微博(中間頁自動打開支付寶小程序，和釘釘一個中間頁)
  • 【頭條】調起分享渠道列列表：
  • 轉發到頭條
  • 微信好友|微信朋友圈(生成口令，複製口令後打開今日頭條彈出識別彈窗)
  • QQ|QQ空間(打開中間頁，點擊打開(QQ空間點了沒反應)，出現另一個中間頁，自動打開AppStore，再點打開調起今日頭條，最後居然沒打開那個小程序!!!)
  • 【抖音】調起分享渠道列列表：
  • 多閃好友
  • 微信好友|微信朋友圈|QQ好友|QQ空間(生成抖音碼圖片，打開抖音掃碼識別)
  • 【頭條】webview的轉發暫未支持：
  • 【今日頭條】能轉發，但轉發的連結點擊後總是提示加載失敗！也可能是小程序未發布的原因，掃uni-app官方demo進行 webview轉發是能正常打開的
  • 【抖音】不支持轉發，右上角膠囊只有一個關閉按鈕

跳轉到其他小程序

  • 【微信】支持(navigateToMiniProgramAppIdList + navigateToMiniProgram)
  • 【QQ】支持
  • 【頭條】支持(navigateToMiniProgramAppIdList + navigateToMiniProgram)
  • 【支付寶】支持(後臺配置 + navigateToMiniProgram)

QQ，支付寶和頭條未真機驗證，因為須要一個其他小程序的appId

客服會話

  • 【微信】支持(button open-type="contact")
  • 【QQ】支持，須用戶加一個客服機器人為好友
  • 【支付寶】支持(contact-button)
  • 【頭條】不支持。

支付

  • 【微信】支持(調起微信支付)
  • 【QQ】支持(調起QQ支付)
  • 【支付寶】支持(調起支付寶支付)
  • 【頭條】支持(調起支付寶App進行支付)

QQ，支付寶和頭條未真機驗證，因為支付接口只有商戶才有權限

地理位置

  • 【微信】支持(須在app.json中配置permission字端)，用戶拒絕授權後再次調用不再出詢問彈窗，而是直接走fail回調
  • 【QQ】支持。真機行為同微信。QQ開發者工具上拒絕授權再次調用仍會出詢問彈窗
  • 【頭條】支持，同微信
  • 【支付寶】支持，用戶拒絕授權後再次調用繼續出詢問彈窗

視頻播放

  • 【微信】支持
  • 【QQ】支持
  • 【頭條】支持
  • 【支付寶】支持？(uni-app裡說支付寶不支持，支付寶文檔也沒找到video組件，但放在頁面裡video能正常渲染和播放，難道是昨天剛支持)

複製文字

  • 行為：
  • 【微信】【QQ】複製成功後有一個默認的複製成功toast且無法控制
  • 【支付寶】【頭條】複製成功後沒有toast
  • 權限：
  • 【支付寶】my.setClipboard 此功能僅支持企業支付寶帳號。實際情況是：在IDE上個人帳號是可以複製的，但在真機上調用就會報 ERROR 4: 無權調用該接口 錯誤
  • 【微信】【QQ】【頭條】無限制

打電話

【微信】【QQ】【支付寶】【頭條】都支持

收貨地址

  • 【微信】支持
  • 【QQ】不支持
  • 【頭條】支持（實測【今日頭條】支持，【抖音】不支持）
  • 【支付寶】支持。但僅商戶才有使用權限。且目前 my.getAddress 接口暫不支持在開發者工具調試和真機調試，僅支持真機預覽

相機/圖片相關

  • 拍照/相冊選圖片
  • 【微信】【QQ】支持
  • 【支付寶】支持。IDE上會彈一個相冊授權詢問彈窗，真機上並沒有彈窗
  • 【頭條】支持。但會彈出兩個詢問彈窗（相機權限，相冊權限）
  • 拍攝/相冊選視頻
  • 【微信】【QQ】支持
  • 【支付寶】支持。IDE上會彈一個相冊授權詢問彈窗，真機上並沒有彈窗。須調用 my.chooseVideo(文檔未找到)，uni.chooseVideo會報錯
  • 【頭條】支持。但會彈出兩個詢問彈窗（相機權限，相冊權限）
  • ⚠️chooseVideo的maxDuration選項在【微信】和【支付寶】是只限制拍攝時長，在【頭條】是同時限制相冊選擇視頻時長和拍攝時長
  • 圖片預覽
  • 【微信】【QQ】【支付寶】【頭條】都支持
  • 保存圖片到相冊
  • 【微信】【QQ】【頭條】支持，彈窗僅詢問一次
  • 【支付寶】tt.saveImageToPhotosAlbum 在IDE上報錯 tt.saveImageToPhotosAlbum is not a function，在真機上報錯 無權調用該接口，文檔未提及，猜測是僅商戶可用，且不支持在開發者工具調試和真機調試，僅支持真機預覽

接口返回值差異

  • getUserInfo【微信】【QQ】【支付寶 】【頭條】

// 支付寶{ 'nickName': 'test', 'gender': 'm', 'city': '***', 'province': '***' 'countryCode': 'CN', 'avatar': 'https:\/\/tfs.alipayobjects.com\/ima***XXXXXXX', 'code': '10000', 'msg': 'Success',}// 微信{ 'nickName': 'test', 'gender': 1, 'city': 'Xinxiang', 'province': 'Henan', 'country': 'China', 'avatarUrl': 'https://wx.qlogo.cn/mmopen/vi_32/***' 'language': 'zh_CN',}// QQ{ 'nickName': '***', 'gender': 1, 'city': '***', 'province': '***' 'country': '中國', 'avatarUrl': 'https://thirdqq.qlogo.cn/qqapp/1108100302/***', 'language': 'zh_CN',}// 頭條系（今日頭條，抖音，皮皮蝦，西瓜視頻分別取各自用戶信息）{ 'nickName': '***', 'gender': 1, 'city': '***', 'province': '***' 'country': '中國', 'avatarUrl': 'http://wx.qlogo.cn/mmhead/***', 'language': '',}

  • getSetting【微信】【支付寶 】【頭條】【QQ】

// 微信[ 'scope.userInfo', // 用戶信息 'scope.userLocation', // 地理位置 'scope.address', // 通訊地址 'scope.record', // 錄音功能 'scope.camera', // 攝像頭 'scope.writePhotosAlbum', // 保存到相冊 'scope.userLocationBackground', // 後臺定位 'scope.invoiceTitle', // 發票抬頭 'scope.invoice', // 獲取發票 'scope.werun', // 微信運動步數]// 頭條[ 'scope.userInfo', // 用戶信息 'scope.userLocation', // 地理位置 'scope.address', // 通訊地址 'scope.record', // 錄音功能 'scope.camera', // 攝像頭 'scope.album', // *保存到相冊*]// 支付寶[ 'userInfo', // 用戶信息 'location', // 地理位置 'audioRecord', // 錄音功能 'camera', // 攝像頭 'album', // 保存到相冊]// QQ[ 'scope.userInfo', // 用戶信息 'scope.userLocation', // 地理位置 'scope.qqrun', // QQ運動步數 'scope.writePhotosAlbum', // 保存到相冊 'scope.appMsgSubscribed', // 訂閱消息]

主要入口

  • 【微信】
  • 首屏對話列表下拉
  • 掃一掃
  • 發現->小程序
  • 搜索
  • 【支付寶】
  • 掃一掃
  • 搜索
  • 首頁我的小程序
  • 【今日頭條】
  • 我的->掃一掃
  • 搜索
  • 【抖音】
  • 搜索->掃一掃
  • 【QQ】
  • 掃一掃

頭條小程序陷阱

  • 目前僅在頭條Android版本7.2.9及以上版本支持真機調試功能。iOS暫時不支持真機調試
  • 抖音App的小程序上沒有打開調試器選項，右上角膠囊只有一個關閉按鈕

支付寶小程序陷阱

  • my.getOpenUserInfo用於獲取支付寶會員基礎信息，只能在真機上調試，無法在 IDE 中調試，也就是只要有用戶授權的頁面都需要推送到真機上開發調試！
  • 支付寶授權平臺只返回tocken和uid，由開發者自己維護session有效期，checkSession 方法不可用
  • 打開調試的調試器面板在調起用戶授權彈窗時會消失，此時須使用真機調試

uni-app 陷阱

  • uni.getSetting，文檔上說【支付寶】支持，調用卻報錯 支付寶小程序，暫不支持getSetting，而直接調支付寶的api my.getSetting 確是支持的
  • uni.chooseVideo，文檔上說【支付寶】支持，調用卻報錯 支付寶小程序，暫不支持chooseVideo，而直接調支付寶的api my.chooseVideo(文檔未找到) 確是支持的
  • uni.chooseAddress，文檔上說【支付寶】不支持，實際上是支持的，只是需要調用 my.getAddress，且僅商戶才能使用
  • uni.getImageInfo，文檔上說【頭條】支持，調用卻報錯 頭條小程序，暫不支持getImageInfo，而直接調頭條的api tt.getImageInfo確是支持的

TODO

  • 模版消息
  • 第三方插件

uni-app 跨端小程序風險點

  • 後端接口。不同端的後端接口不一樣，需要後端評估一下。舉例：模版消息(微信|支付寶|頭條)；設計用戶系統時需注意微信和QQ都有各自的openID和unionID，支付寶只有uid，頭條只有openID；接入微信，QQ，支付寶支付時各種傳參不一樣
  • 分享轉發。支付寶，頭條小程序分享至微信和QQ的主要方式是生成口令或者生成小程序碼圖片或者走中間頁，導致傳播路徑較長
  • 某些端重要功能缺失。舉例：【頭條】不支持客服會話。【抖音】不支持webview轉發。【QQ】不支持收貨地址
  • 某些端api缺失，可能導致某些功能無法實現
  • 第三方插件支持度

相關焦點

  • 開源｜wwto：小程序跨端遷移解決方案——微信轉其他小程序
    wwto於2020年3月份開源，具備以下特點：轉換鏈路為「微信小程序 —> 其他小程序」（支付寶小程序、百度小程序、頭條小程序）；編譯時轉換syntax語法：wwto會在編譯時將語法結構等集中處理，轉換為目標小程序的語法結構。
  • 小程序的F4:微信、百度、支付寶和今日頭條的流星花園
    雖然目前在今日頭條app中開放的小程序入口，還只針對Android手機，且暫時只對部分公司開放，但隨著頭條的正式入局，其已成為在微信、百度、支付寶之後第四家發布小程序的網際網路公司，小程序界的F4正式湊齊，屬於BAT+J的流星花園也將正式開場。
  • 抖音頭條微信小程序開發有什麼好處
    一、什麼是小程序？小程序是一種不需要下載安裝即可使用的應用，界面功能與app類似，但不需要下載安裝，基於微信頭條百度等app即可使用。2.全端適配，省去半數開發費用像微信抖音頭條百度支付寶這樣的大平臺，安卓端和iOS端都是有的。中揚科技胡經理。
  • 微信、支付寶等9大主流平臺小程序調研報告
    所以相比之下，體驗感更好的小程序正在不斷冒頭。注意，本文提及的小程序是一個統稱，包括微信小程序、支付寶小程序、頭條小程序等等，是一個廣義的小程序。1.2 調研目的本次對各小程序平臺調研分析，有以下目的：了解小程序的發展過程及前景。比較各小程序平臺的優劣勢，以及其發展的流量生態、獲客入口、傳播方式。
  • 小程序開發框架介紹
    微信小程序、百度智能小程序，頭條小程序 和 支付寶小程序。框架基於 Vue.js，修改了的運行時框架 runtime 和代碼編譯器 compiler 實現，使其可運行在小程序環境中，從而為小程序開發引入了 Vue.js 開發體驗。
  • ...是繼微信、支付寶、百度後,第四個推出小程序的App。今日頭條的...
    今日頭條發布小程序，是繼微信、支付寶、百度後，第四個推出小程序的App。今日頭條的小程序暫時只供Android系統及部分企業使用，iPhone的ios系統暫未開發。小程序可在今日頭條中，通過搜索關鍵詞進入。小程序不佔手機空間，在原有App內提供獨立的小型App，供用戶使用。今日頭條支持小程序用支付寶進行交易，但未支持騰訊旗下的微信支付。
  • 微信小程序開發製作的「內幕」
    微信小程序爆火之後，各大巨頭APP都已經進行了跟進，現在已經有了微信小程序，QQ小程序，頭條小程序，抖音小程序，百度小程序，支付寶小程序，甚至於雲閃付都有了小程序，小程序極大的降低了中小微企業的開發成本，讓再小的個體也擁有了製作和擁有自己的小程序的能力，但是小程序還是擁有一定的技術壁壘，很多人對此不是很熟悉，今天我們就來了解一下，一個小程序是怎麼製作上線的。
  • 介紹一款在小程序開發工具平臺,適用於百度,頭條,微信,支付寶。跨...
    從2017年至2018年底，小程序市場不斷受到廣泛的用戶關注，也不斷的深入生活中的一點一滴。這一個小程序市場逐漸加熱，各路大神與天兵蝦將，開始入駐小程序市場。但是有些商家並不知道如何進行開發小程序，使用哪一家小程序才能滿足在多個平臺使用。百度智能小程序，微信小程序，支付寶小程序，抖音小程序，今日頭條小程序。
  • 雲智多合一小程序平臺一鍵輕鬆發布多端小程序
    潮退之時，網際網路巨頭最先做出應對，以自身已經擁有的超級APP為基搭建小程序或輕應用的分發平臺。截至2019年6月，微信月活躍設備數高達11.2億，因「水之積也厚」以大水為託，微信小程序、支付寶小程序、百度小程序等受到眾多開發者和用戶的熱情擁抱。在人口紅利瓶頸期，轉向小程序戰場是各超級網際網路公司的重要戰略。小程序依託於超級APP的巨大流量池，其功能會因自身流量和場景的差異而有所不同。
  • 微信小程序定製開發的優勢
    微信小程序作為移動端網際網路新生代產品，小程序正在以它的輕便性悄然佔據了移動端流量的半壁江山。微信，抖音，百度，支付寶等網際網路公司小程序的問世，為用戶提供了更多便捷性的移動端體驗，也為小程序開發公司開發者們提供了更加多樣化的開發方式。
  • QQ回應上線小程序:目前僅在安卓端小範圍灰度測試
    【TechWeb】11月7日消息，今日，有媒體報導稱，QQ正式在安卓端上線了小程序，叫QQ輕應用。對此，QQ方面回應稱，手機QQ輕應用是暫定名稱，目前僅在安卓端做小範圍灰度測試。現主要以邀請制的方式定向邀請部分商戶測試入駐。目前已上線的輕應用包括蘑菇街、有贊精選、QQ閱讀、劉海壁紙等。
  • 這些開發微信小程序的UI組件和框架，你們都知道嗎？
    現在微信小程序是非常火爆的，所以各個大廠都推出了自己特色的小程序應用，如:百度智能小程序、頭條小程序、支付寶小程序、QQ小程序、釘釘小程序等。如果完成從0開始開發的話，成本還是蠻高的，所以我們需要藉助現成的UI組件和框架來為我們節省一些時間。
  • 小程序開發之註冊微信小程序與基礎概述
    微信小程序開發概述微信這個軟體，提供了聊天、支付、分享、收藏等各種功能，同時用戶基數龐大 ，微信對外開放了很多接口和能力，程式設計師基於這些功能可以很方便的進行二次開發作為小程序的「鼻祖」，微信具有強社交屬性和高頻次流量是微信的強力優勢。
  • 360 小程序正式開啟公測,為什麼在 PC 端做小程序是必要的?
    7 月 5 日，360 小程序正式公測。與微信、支付寶等平臺的小程序不同，360 此次的小程序舞臺搭在 PC 端上。在開發文檔中，360 是這樣定義小程序的：360 小程序是運行在 PC 端 360 安全瀏覽器內的一種輕型應用。不同於網頁和客戶端應用，360 小程序既有豐富的客戶端獨有的能力，又不需要安裝，支持即開即用。
  • 序多多推出支付寶小程序和微信小程序聚合碼
    那麼有人就會問，眼下二維碼也是小程序的主要入口之一，對於那些同時開發了微信小程序和支付寶小程序的商家是不是也可以實現二碼合一呢?　　唉，你還真問對了人!筆者還真知道有人已經開發出來了這樣的小程序聚合碼，下面就來為大家詳細介紹一下。　　筆者最早關注到「小程序聚合碼」出現是在上周的序多多小程序產品更新公告中，當時就引起了筆者的極大興趣。
  • 以小遊戲為切入點 QQ小程序表現值得期待
    近日，QQ正式上線了「小程序」功能，成為繼微信、支付寶、百度、今日頭條、淘寶、抖音後，又一個內置小程序的App。雖然遲到，但並未缺席，但QQ小程序究竟要進軍哪一領域呢？通過體驗得知，安卓端QQ更新至V8.0.5版本即可體驗QQ小程序，目前蘋果手機暫不支持。
  • 2020微信小程序報告
    隨著美團、京東加入戰局，小程序生態日益壯大，其中，BAT三家用戶過10億的平臺企業，戰局漸入佳境，商業化速度持續提升，各自優勢領域也已經顯現：微信社交裂變+類型豐富；支付寶主打消費+金融+新零售；百度主打搜索+信息流+開源服務
  • 爭奪小程序:騰訊、阿里、百度、頭條一個都不能少
    「小程序讓消費者不再需要App。而所有分享是在一個平臺的封閉閉環內完成的，它已經成為了巨頭們的兵家必爭之地。」有贊創始人白鴉在一次演講中提到。圖片來源：阿拉丁小程序統計平臺在競爭上，支付寶和百度小程序上線時，都強調了與微信的差異——支付寶強調主要集中在支付、金融、線下場景，而百度強調更多基於手百的搜索功能來做相關布局。
  • 阜陽微信小程序開發,服務本地小程序企業商戶
    現如今，只要我們接觸一些線上的創業項目，就會發現小程序對於現如今的移動端網際網路市場的衝擊很大。因為現如今的小程序開發的費用比較低，開發的時間也是比較快的。對於一些要做手機移動端應用的企業和商戶來說，在開發之前，都會對微信小程序和手機APP之間進行評估。如果使用的次數不是很高的話，那麼選擇小程序進行開發，可能更會受用戶歡迎。就像我們日常中使用到的美團、青桔、支付寶等共享單車，我們可以打開微信直接掃碼進入小程序騎行，使用方式比較快捷。
  • No.33還在按平臺開發小程序嗎？OUT啦，聰明人都在用多端合一系統
    你還是寫點小程序或軟體的應用更靠譜。最近，我們第一批，第二批小程序的客戶，尤其是分享到微信和百度小程序紅利的一批。都在跟我們提一個需求，就是多平臺合一。所謂多平臺合一，就是能把微信小程序，百度小程序，支付寶小程序，今日頭條小程序，抖音小程序，QQ小程序，甚至H5，PC端要求用一個後臺，更新一次，多端都能更新維護。