跳至正文
  • 新手入门
  • 功能分类
    • 页面搭建
    • 智能营销
    • 数据洞察
  • 产研文档
    • 开发者指南
    • 账户与套餐
    • 产品使用条款
    • 产品更新
  • 灵蹊内容社区
  • 返回灵蹊
  • 新手入门
  • 功能分类
    • 页面搭建
    • 智能营销
    • 数据洞察
  • 产研文档
    • 开发者指南
    • 账户与套餐
    • 产品使用条款
    • 产品更新
  • 灵蹊内容社区
  • 返回灵蹊

新手入门

  • 灵蹊能帮你做什么
  • 上手清单
  • 指标说明
  • 数据安全与服务可靠性
  • 使用灵蹊涉及的技术对接工作

页面搭建

画布操作
  • 区块
  • 元素
  • 点击动作
  • 交互效果
  • 动效
  • 取色器
  • 画布快捷键
  • 模板保存
PSD导入
  • PSD导入
  • PSD预处理指南
  • HTML转PSD
营销组件
  • 弹窗
  • 表单
  • 客服组件
  • 悬浮菜单
  • 视频
  • 二维码
  • 多状态面板
  • 标签页(Tab)
  • 手风琴菜单(折叠菜单)
  • 自定义组件——代码组件
  • 自定义组件——通用元素
  • 页面与组件兼容性
页面设置
  • 页面信息
  • 页面字体
  • 自定义CSS
  • 自定义JS代码
  • 微信设置
页面发布与版本管理
  • 页面预览与发布
  • 使用一个URL展示移动与PC版
  • 页面历史版本
页面管理
  • 页面列表

智能营销

个性化定向创意
  • 构建受众分组
  • 了解定向创意
  • 设置定向创意
  • 展示优先级
A/B测试与多版本测试
  • 设置A/B测试
智能创意
  • 了解智能创意
  • 智能创意与A/B测试对比
  • 智能创意的设计策略
  • 设置智能创意
  • 智能创意启动后
智能触发器
  • 弹窗自动触发

数据洞察

  • 数据汇总
  • 表单线索报告
  • 页面分析报告
  • 热图报告
  • 个性化创意报告
  • 筛选器

开发者指南

域名解析配置
  • 通过服务端转发把页面发布在自有域名
页面组件对接
  • 表单线索Webhook接入文档
媒体转化回传
  • 百度转化回传
转化回传灵蹊
  • 转化上报灵蹊-JS布码
  • 转化上报灵蹊 – API回传
自定义代码开发
  • 自定义变量
  • 自定义组件开发
  • 非UTF-8字符集处理声明
微信集成
  • 对接自有微信后台
  • 微信原生支付
支付集成
  • 微信原生支付
  • 自建收银台页面

账户与套餐

  • 来源管理
  • 安全认证
  • 绑定自己的域名
  • 转化设置
我的应用
  • 灵蹊销售锦囊
  • 53客服授权
  • 易聊通回传
权限与共享
  • 空间与团队
  • 资源共享

产品使用条款

  • 页面发布规范
  • 首页
  • 帮助文档
  • 开发者指南
  • 微信集成
  • 对接自有微信后台

对接自有微信后台

如果您专门针对微信环境进行投放,使用微信公众号授权是一种常用的在落地页中获得用户身份的方式。关于详细的对接开发方式,请参见微信官方文档。本文描述在灵蹊落地页中集成微信授权的典型步骤。

1. 页面打开时,检查是否携带了授权token

用户在首次加载落地页时,参数是不携带授权token的。当发起授权时,页面应当跳转至微信授权页面,并最终携带token参数回跳落地页。可以通过在页面中嵌入JS代码的方式,识别是否携带了token参数,从而判定是否应当发起授权跳转。

let searchParams = new URLSearchParams(window.location.search)
let token = searchParams.get('token');
if (!token) {
    // 跳转微信授权,见下一小节描述
}

2. 构造URL参数,跳转微信授权页

微信授权涉及到浏览器、微信授权页和客户业务后台三方的交互。浏览器首先携带回跳URL参数跳转微信授权页,当用户允许授权后(静默或非静默),微信会携带授权code重定向至回跳URL(客户业务后台地址),业务后台使用code调用微信API获得用户信息进而执行相关业务操作(例如写入数据库),并生成一个用于标识用户身份的token,最终携带此token回跳落地页。

为了跑通上述流程,浏览器在跳转微信授权页时提供的回跳地址,需包含业务后台能解析的最终回跳地址(落地页URL)。假设业务后台地址为backendURL,参加如下实例代码:

let redir = backendURL + '?redirectUri=' + window.location.href;
let url = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=[公众号appID]';
url += '&redirect_uri=' + encodeURIComponent(redir);
url += '&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect'; // 根据需求决定scope参数的传值
window.location.href = url;

3. 缓存授权token(可选)

如希望避免同一用户在加载页面时每次重新触发授权跳转,可以把token参数写入cookie或localStorage,并相应的修改小节1中的代码,在页面加载时优先从cookie/localStorage获得token。

微信原生支付

Powered by BetterDocs

发表评论 取消回复

要发表评论,您必须先登录。

Table of Contents
  • 1. 页面打开时,检查是否携带了授权token
  • 2. 构造URL参数,跳转微信授权页
  • 3. 缓存授权token(可选)