A小程序与B小程序相互跳转的一点记录

lbool 发布于2019-08-23 12:32 / 3054人阅读

摘要：要点速览小程序和小程序关联同一个公众号程序的用户授权小程序和小程序的用户关联诸葛统计用户访问信息需求微信放开小程序互跳的后，一些导流和拉新等活动可以在新的小程序实现从微信官方文档中，小程序之前的互相跳转使用跳转，但是最新版本使用组件来使用。

要点速览：

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 直接从登录接口中传入即可。

超融合服务器专线服务一点小程序小程序与公众号自定义菜单跳转小程序小程序与webrtc的协议

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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