帮助中心  /  如何使用小程序页面授权模式

如何使用小程序页面授权模式

功能介绍

小程序页面授权模式,是适合活动仅在自己小程序内打开或参与场景。

本接口减少对接第三方客户登录接口(H5页面地址二次跳转小程序页面)流程,授权时直接跳转设置小程序页面,页面完成授权后再调用人人秀授权接口进入活动参与。


小程序内跳转示意

授权方式:参与时参与,进入活动,点击参与跳转小程序授权页面等待授权。

image.png

授权方式:访问时参与,进入活动,直接跳转小程序授权页面等待授权。

image.png

非小程序跳转示意

设置APPID,非小程序环境,则先引导小程序打开

image.png


代码示例

请求示例:

pages/xxx?app_key=APPKEY&h5_guid=H5GUID&redirect=urlEncode(REDIRECT)&time_stamp=TIMESTAMP&sign=SIGN


小程序授权页示例:

<template>

  <view style="text-align: center;margin-top: 300rpx">

    授权页DEMO

  </view>

</template>

<script>

import commonServer from "@/api/common/common.server";

export default {

  onLoad(options) {

    console.log('options',options)

    let params = {

      app_key:options.app_key,

      h5_guid:options.h5_guid,

      redirect:decodeURIComponent(options.redirect),

    }

    commonServer.getThirdAuthUrl(params).then((ret)=>{

      if(ret.data){

        uni.redirectTo({

          url:'/pages/xxx?url='+encodeURIComponent(ret.data)

        })

      }

    })

  }

}

</script>


设置示例

仅小程序页面授权模式,仅需设置小程序内容即可。

image.png


注意事项

  • 嵌入小程序活动,仅需配置小程序授权页面地址,人人秀活动授权时会跳转到该页面申请授权。

  • 兼容非小程序环境时访问人人秀活动,则需配置小程序APPID,可以引导用户跳转自己小程序打开活动。

  • 可与第三方客户登录接口配合使用,如果设置第三方客户登录接口地址,则仅小程序环境才会跳转小程序授权页面。

  • 接口签名需要后端生成,防止密钥泄露。


相关文档