接入方案总览

import openLink from 'dingtalk-jsapi/api/biz/util/openLink';
import close from 'dingtalk-jsapi/api/biz/navigation/close';

openLink({ url: 'xxx' }).then(() => close({}));

// 用下面这句import，同时兼容PC和移动端
import { openTryoutSku } from 'dingtalk-design-libs@0.0.14-alpha.3';

// 自行判断调用这个方法的时机
openTryoutSku({
  // corpId可以从应用首页的url上获取到
  corpId: '',
  // 应用的appId
  appId: '',
  // 从应用首页的url上获取到，url上参数名为 purchaseToken。
  // purchaseToken如何配置参考下文 配置入口地址。
  token: '',
  miniAppId: '', // 如果是三方小程序应用，需要设置一下自身的miniAppId。H5微应用可以不设置这个参数
}).then((res) => {
  const {
    // action的值为：
    // 'ok'，用户执行了开通动作，或将自己加入了已开通的应用的可见范围内
    // 'cancel', 用户点击了取消按钮
    // 'unknown'，用户点击空白区域关闭了弹窗，此时可以跟cancel采取同样的处理逻辑
    action,
    // 开通了应用的组织的corpId。因为个人开通可能会用钉钉的隐藏组织，所以开通应用的组织的corpId以这里返回的为准。
    corpId,
  } = res;
  // action不是ok的情况下，可以不采取任何动作
}).catch(() => {
  // 钉钉侧出现了技术异常，比如打开弹窗失败等，出现概率非常低
});

import 'dingtalk-jsapi/entry/union';