小程序多端差別調研報告(微信，支付寶，頭條，QQ)
已經使用uni-app開發併發布了一個跨端小程序啦，嘻嘻嘻！html
🧐 須知
- 這是一份詳細的小程序各特性各端真機調研對比報告
- 測試機：iPhone7 plus IOS 12.4.1
- 客戶端：微信7.0.5，支付寶10.1.72，今日頭條7.4.0，抖音8.1.0，QQ8.1.5.461
- 🚫️ 百度小程序只有商戶才能註冊，我的開發者沒法註冊，沒有appid功能受限（如百度開發者工具沒法使用預覽功能致使沒法真機測試），因此暫時不測百度小程序
用戶信息受權
- 受權方式：
- 受權信息清除方式：
- 【微信】刪除小程序便可清除受權信息
- 【支付寶】個人-設置-安全設置-帳號受權
- 【今日頭條】個人-系統設置-清除緩存。【抖音】未找到清除方法
- 【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，支付寶和頭條未真機驗證，由於需要一個其餘小程序的appIdvue
客服會話
- 【微信】支持(button open-type="contact")
- 【QQ】支持，須用戶加一個客服機器人爲好友
- 【支付寶】支持(contact-button)
- 【頭條】不支持。
支付
🚫 ️QQ，支付寶和頭條未真機驗證，由於支付接口只有商戶纔有權限web
地理位置
- 【微信】支持(須在app.json中配置permission字端)，用戶拒絕受權後再次調用再也不出詢問彈窗，而是直接走fail回調
- 【QQ】支持。真機行爲同微信。QQ開發者工具上拒絕受權再次調用仍會出詢問彈窗
- 【頭條】支持，同微信
- 【支付寶】支持，用戶拒絕受權後再次調用繼續出詢問彈窗
視頻播放
複製文字
- 行爲：
- 【微信】【QQ】複製成功後有一個默認的複製成功toast且沒法控制
- 【支付寶】【頭條】複製成功後沒有toast
- 權限：
- 【支付寶】my.setClipboard 此功能僅支持企業支付寶帳號。實際狀況是：在IDE上我的帳號是能夠複製的，但在真機上調用就會報
ERROR 4: 無權調用該接口錯誤 - 【微信】【QQ】【頭條】無限制
- 【支付寶】my.setClipboard 此功能僅支持企業支付寶帳號。實際狀況是：在IDE上我的帳號是能夠複製的，但在真機上調用就會報
打電話
【微信】【QQ】【支付寶】【頭條】都支持vue-cli
收貨地址
- 【微信】支持
- 【QQ】不支持
- 【頭條】支持（實測【今日頭條】支持，【抖音】不支持）
- 【支付寶】支持。但僅商戶纔有使用權限。且目前 my.getAddress 接口暫不支持在開發者工具調試和真機調試，僅支持真機預覽
相機/圖片相關
- 拍照/相冊選圖片
- 【微信】【QQ】支持
- 【支付寶】支持。IDE上會彈一個相冊受權詢問彈窗，真機上並無彈窗
- 【頭條】支持。但會彈出兩個詢問彈窗（相機權限，相冊權限）
- 拍攝/相冊選視頻
- 【微信】【QQ】支持
- 【支付寶】支持。IDE上會彈一個相冊受權詢問彈窗，真機上並無彈窗。須調用 my.chooseVideo(文檔未找到)，uni.chooseVideo會報錯
- 【頭條】支持。但會彈出兩個詢問彈窗（相機權限，相冊權限）
- ⚠️chooseVideo的maxDuration選項在【微信】和【支付寶】是隻限制拍攝時長，在【頭條】是同時限制相冊選擇視頻時長和拍攝時長
圖片預覽json
【微信】【QQ】【支付寶】【頭條】都支持小程序
- 保存圖片到相冊
- 【微信】【QQ】【頭條】支持，彈窗僅詢問一次
- 【支付寶】tt.saveImageToPhotosAlbum 在IDE上報錯
tt.saveImageToPhotosAlbum is not a function，在真機上報錯無權調用該接口，文檔未說起，猜想是僅商戶可用，且不支持在開發者工具調試和真機調試，僅支持真機預覽
接口返回值差別
// 支付寶
{
'nickName': 'test',
'gender': 'm',
'city': '北京市',
'province': '北京'
'countryCode': 'CN',
'avatar': 'https:\/\/tfs.alipayobjects.com\/images\/partner\/T1_38eXnRiXXXXXXXX',
'code': '10000',
'msg': 'Success',
}
// 微信
{
'nickName': 'test',
'gender': 1,
'city': 'Xinxiang',
'province': 'Henan',
'country': 'China',
'avatarUrl': 'https://wx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTJCzUl7llykqrMLicpULvVfkbbL2bVDua4tI8ibjxq5E9ib1oPW3F4QazLIUdS2GsFMAGnrWSYjN05Ew/132'
'language': 'zh_CN',
}
// QQ
{
'nickName': 'test',
'gender': 1,
'city': '新鄉',
'province': '河南'
'country': '中國',
'avatarUrl': 'https://thirdqq.qlogo.cn/qqapp/1108100302/D64611B2AE700324589177922EEBA5F4/100',
'language': 'zh_CN',
}
// 頭條系（今日頭條，抖音，皮皮蝦，西瓜視頻分別取各自用戶信息）
{
'nickName': 'test',
'gender': 1,
'city': '新鄉市',
'province': '河南省'
'country': '中國',
'avatarUrl': 'http://wx.qlogo.cn/mmhead/Q3auHgzwzM5uibSytRCXFs0Y3xSpdy12thibjWIoMrBIsf7FiaPp2ibnFg/0',
'language': '',
}
// 微信 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/authorize.html [ 'scope.userInfo', // 用戶信息 'scope.userLocation', // 地理位置 'scope.address', // 通信地址 'scope.record', // 錄音功能 'scope.camera', // 攝像頭 'scope.writePhotosAlbum', // 保存到相冊 'scope.userLocationBackground', // 後臺定位 'scope.invoiceTitle', // 發票擡頭 'scope.invoice', // 獲取發票 'scope.werun', // 微信運動步數 ] // 頭條 https://developer.toutiao.com/dev/miniapp/uQjMy4CNyIjL0IjM [ 'scope.userInfo', // 用戶信息 'scope.userLocation', // 地理位置 'scope.address', // 通信地址 'scope.record', // 錄音功能 'scope.camera', // 攝像頭 'scope.album', // *保存到相冊* ] // 支付寶 https://docs.alipay.com/mini/api/xmk3ml#-1 [ 'userInfo', // 用戶信息 'location', // 地理位置 'audioRecord', // 錄音功能 'camera', // 攝像頭 'album', // 保存到相冊 ] // QQ https://q.qq.com/wiki/develop/game/frame/open-ability/authorize.html [ '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 跨端小程序風險點
相關文章
- 1. 小程序多端差別調研報告(微信，支付寶，頭條，QQ)
- 2. 微信端調起支付寶支付
- 3. 支付寶百度微信頭條小程序支付功能實現（原生）
- 4. 微信小程序調微信支付
- 5. 微信小程序和支付寶小程序的區別
- 6. 支付寶小程序和微信小程序區別
- 7. 微信小程序與支付寶小程序的區別
- 8. 微信/支付寶小程序
- 9. 一行代碼讓微信、頭條、百度、支付寶小程序支持 cookie
- 10. 微信中調起支付寶支付
- 更多相關文章...
- • HTTP 響應頭信息 - HTTP 教程
- • C# 多線程 - C#教程
- • 算法總結-歸併排序
- • Spring Cloud 微服務實戰(三) - 服務註冊與發現
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. 小程序多端差別調研報告(微信，支付寶，頭條，QQ)
- 2. 微信端調起支付寶支付
- 3. 支付寶百度微信頭條小程序支付功能實現（原生）
- 4. 微信小程序調微信支付
- 5. 微信小程序和支付寶小程序的區別
- 6. 支付寶小程序和微信小程序區別
- 7. 微信小程序與支付寶小程序的區別
- 8. 微信/支付寶小程序
- 9. 一行代碼讓微信、頭條、百度、支付寶小程序支持 cookie
- 10. 微信中調起支付寶支付