A小程序與B小程序相互跳轉的一點記錄

lbool 發布于2019-08-23 12:32 / 3196人閱讀

摘要：要點速覽小程序和小程序關聯同一個公眾號程序的用戶授權小程序和小程序的用戶關聯諸葛統計用戶訪問信息需求微信放開小程序互跳的后，一些導流和拉新等活動可以在新的小程序實現從微信官方文檔中，小程序之前的互相跳轉使用跳轉，但是最新版本使用組件來使用。

要點速覽：

A小程序和B小程序關聯同一個公眾號

B程序的用戶授權

A小程序和B小程序的用戶關聯

諸葛 io 統計用戶訪問信息

需求：微信放開小程序互跳的 API 后，一些導流和拉新等活動可以在新的小程序實現

從微信官方文檔中，小程序之前的互相跳轉使用 wx.navigateToMiniProgram 跳轉，但是最新版本使用組件來使用。參考下示例 demo：

具體參考官方文檔 =>
官方 navigator 文檔

一、B小程序的用戶授權

首先用戶初次進入B程序后給一個蒙層，用戶點擊后主動去授權，然后拿到用戶的授權信息后再進行操作，拒絕操作后蒙層不消失。
通過 wx.getUserInfo 獲取用戶信息，然后將臨時獲取的 code 值以及向量等值參數傳給后端，獲取到用戶信息，如openId、userId 以及 token 存入全局以及緩存中，完成后重新調用 onLoad 函數。
在 onLoad 函數中有一步很重要的操作就是獲取 openId 來判斷是否授權成功，這里我一開始是通過異步接口 wx.getstoragesync 獲取，
但是部分安卓機型會第一次授權不成功，原因就在于設置緩存的時候是通過同步的方式，但是獲取的時候是異步，導致偶爾獲取不到，后來改成從全局中獲取 openId 就沒有這個問題了。

二、A程序和B程序的用戶關聯

我們的目標還是拉新和引流，所以我們需要把關聯B程序的用戶引入A小程序并且關聯起來用戶信息，
單個小程序中唯一標識是 openId ，但是多個小程序關聯我們的唯一標識是 unionid ，我們授權登錄的接口中，我們先調用了 wx.getUserInfo 返回的成功回調包含 iv，rawData，signature，encryptedData等字段 ，然后調用 wx.login 獲取 code 再統一傳入后端解密得到解密后需要的用戶信息，這里rawData，signature 是來做校驗的。

從B程序跳入A后，我們攜帶B程序的 user_id 等參數，然后傳入B的 user_id 以及A的 user_id 去查詢庫中是否存在關聯的 unionid ，這里A的授權登錄操作和之前一樣，略過。
步驟如下：

三、諸葛 io 統計用戶訪問信息

諸葛 io 類似于微信統計，都是一種埋點統計功能，我們常用的數據存儲和分析載體是事件，通過對用戶行為的分析提供更好的服務以及實現數據驅動的精準運營。
通過安裝諸葛的 sdk，然后在通過事件監聽的機制了解到用戶進入了哪個商品以及行為，官網的 demo 如下：

zhuge.track("進入商品詳情頁", {
    "商品名稱" : "【聯通贈費版】Apple iPhone 7 Plus 128G 黑色 移動聯通電信4G手機",
    "商品價格" : 6588.00,
    "商品一級分類" : 手機,
    "商品品牌" : "Apple"});   //屬性名稱不能超過255個字符，屬性值不能超過200個字符

通過這種埋點統計我們很方便的可視化了解到用戶的喜好和行為以及留存率等等指標，為后續的運營活動提供更精準的投放。
詳情請參考=>諸葛io文檔

四、A小程序跳轉B小程序

從老站跳新站其實流程一樣，同樣需要傳入老站的 user_id 去做關聯操作，但是有一個不一樣的是不需要授權后走關聯接口，可以直接在授權的時候
將老站的 user_id 直接從登錄接口中傳入即可。

云服務器 GPU云服務器一點小程序小程序與公眾號自定義菜單跳轉小程序小程序與webrtc的協議

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

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

微信小程序——商城篇

摘要：微信小程序之跳轉在進入商品詳情頁以后，點擊左下角的圖標原應該跳轉到首頁，但是一直點也不跳，而且也不報錯。放下效果圖微信小程序購物車購物車頁面邏輯的話，要按業務需求來。前言隨著wepy和mpvue的出現及流行，開發小程序變的越來越便捷和強大，作為基佬社區的一份子，我們都需要把自己遇到的問題以及如何解決的方式相互分享，這樣才能幫助到更多的朋（ji）友（lao）。如有寫的不足的地方，請各...

k00baa 2019-08-26 12:01 評論0 收藏0
網頁程序遷移至微信小程序web-view詳解

摘要：網頁引入網頁發起支付由后臺返回，主要是需要統一下單平臺的微信支付頁面支付參數錯誤，請稍后重試支付成功支付失敗支付錯誤分享功能小程序直接分享的所在的頁面，如果需要加上頁面參數，那我們就需要處理一下了。小程序現在越來越流行，但是公司的很多項目都是用網頁寫的，小程序語法不兼容原生網頁，使得舊有項目遷移至小程序代價很高；小程序之前開放了webview功能，可以說是網頁應用的一大福音了，但...

junbaor 2019-08-23 10:28 評論0 收藏0
網頁程序遷移至微信小程序web-view詳解

摘要：網頁引入網頁發起支付由后臺返回，主要是需要統一下單平臺的微信支付頁面支付參數錯誤，請稍后重試支付成功支付失敗支付錯誤分享功能小程序直接分享的所在的頁面，如果需要加上頁面參數，那我們就需要處理一下了。小程序現在越來越流行，但是公司的很多項目都是用網頁寫的，小程序語法不兼容原生網頁，使得舊有項目遷移至小程序代價很高；小程序之前開放了webview功能，可以說是網頁應用的一大福音了，但...

AlphaGooo 2019-08-02 11:04 評論0 收藏0
指尖一點歌聲來--微信小程序之仿網易云音樂心得

摘要：為了提高自己，最近在學習微信小程序，選題是仿網易云音樂。查文檔發現，小程序中圖片加載完成后，有一個加載完成事件。前者在微信客戶端版本就不開始維護了，后者低版本需做兼容處理。目前還有一些功能暫未實現，會在以后繼續完善項目，繼續學習。為了提高自己，最近在學習微信小程序，選題是仿網易云音樂。期間踩過了大把的坑，bug出現的難受和解決bug歡喜，一直是伴隨我階段性學習這個項目的心情。初步完成...

KitorinZero 2019-08-22 11:18 評論0 收藏0
微信小程序mpvue框架總結

摘要：原理架構作為與之間相互通信的橋梁部分在環境中注入的實現代碼，包含了協議的拼裝發送參數池回調池等一些基礎功能。部分在客戶端中的功能映射代碼，實現了攔截與解析環境信息的注入通用功能映射等功能。原理架構 JSBridge 作為native 與 JS 之間相互通信的橋梁JS部分(bridge): 在JS環境中注入 bridge 的實現代碼，包含了協議的拼裝/發送/參數池/回調池等一些基礎功能...

microelec 2019-08-23 18:32 評論0 收藏0