JS SDK组件

概况

使用该组件可以获取授权码,B2C 和嵌入到 B2C 平台的应用,二者之间的用户信息统一需要使用该授权码

场景

  1. 没有使用 移动 PaaS 平台 构建的应用的使用方式

    // 第三方库依赖的形式
    # 安装依赖
    npm i  b2c-jssdk -S
    # or
    yarn  add b2c-jssdk -S

    import fetchCode from 'b2c-jssdk'
    fetchCode().then(code=> {
        // 这里拿到的就是授权code
    }).catch(e => {
        //
    })

    // 引入jssdk的形式,or 动态创建script节点,自行创建添加
    <script type="text/javascript" src="https://mic-open.oss-cn-hangzhou.aliyuncs.com/b2c%2Fb2c-jssdk.js"></script>

    window.b2c.fetchAuthCode().then(code=> {
        // 这里拿到的就是授权code
    }).catch(e => {
        //
    })

注意,从 B2C 跳转到内嵌应用的时候,会在url,query里面传递jssdk需要的一些参数值,通过这些参数取到授权code

2.使用 移动 PaaS 平台 构建的应用的使用方式

通过移动 PaaS 平台,jssdk 这个文件已经注册成了一个 钩子组件 ,并且共享出去.


    import { fetchAuthCode, getPlatformParams} from 'b2c-jssdk'
    fetchAuthCode().then(code=> {
        // 这里拿到的就是授权code
    }).catch(e => {
        //
    })

    当 B2C 应用里面有个页面是有其他 PaaS 应用的共享组件渲染的时候,
    这个共享组件的页面需要跳转到其他 PaaS 应用的页面的时候,
    也需要传递一些额外参数给jssdk使用,这里抛出一个公用的方法获取需要的参数。

    // 第一个参数如果为true返回的是字符串,false返回的是对象,默认返回字符串
    const query = getPlatformParams(true)
    // 上述情况跳转的时候还需要区分是 H5 还是 App
    // H5 url目标链接
    window.location.href = `${url}?query`
    // APP url目标链接,需要使用MWebview 插件,或者使用 MWebview.open的其他参数
    MWebview.open({
        url: url,
        showFloatReturn: true, // 是否显示悬浮返回按钮
        floatReturnColor: '#df3031' // 悬浮按钮的颜色
    }, {
            onOpen: () => {
                // console.log('开启webview');
            },
            onClose: () => {
                // console.log('关闭webview');
            },
            actionRefresh: () => {
                // console.log('刷新webview');
            },
        }, (e) => {
            //
        });

3.第三方提供一个paas的业务组件,共享出去,然后在B2C应用的某个页面使用这个共享组件。

该共享组件取授权code的方式


    import { fetchAuthCode, getPlatformParams} from 'b2c-jssdk'
    const query = getPlatformParams()
    fetchAuthCode('get_user_info', `?${query}`).then(code=> {
        // 这里拿到的就是授权code
    }).catch(e => {
        //
    })

results matching ""

    No results matching ""