vue js 引入sdk，思路代码整理 app.vue引入-526互联

代码解析

function handleAuthReady() {
    const ywAuth = (window as any).ywAuth;
    if (ywAuth) {
        return Promise.resolve(ywAuth);
    }

    return new Promise(resolve => {
        setTimeout(() => {
            resolve(handleAuthReady());
        }, 100);
    });
}

export default {
    init() {
        const ywAuth = (window as any).ywAuth;
        if (typeof ywAuth !== 'undefined') {
            return Promise.resolve(ywAuth);
        }
        const AuthSDKUrl = 'https://www.cmpassport.com/h5/js/jssdk_yw_auth/jssdk.min.js';
        return new Promise(resolve => {
            // 插入script脚本
            const scriptNode = document.createElement('script');
            scriptNode.setAttribute('type', 'text/javascript');
            scriptNode.setAttribute('src', AuthSDKUrl);
            document.body.appendChild(scriptNode);
            /** 做一步延时操作用于等待sdk加载完成 */
            handleAuthReady().then((ywAuth: any) => {
                resolve(ywAuth);
            });
        });
    }
};

这段代码是一个模块的导出，默认导出一个对象，其中包含了一个名为 init 的方法。让我们逐行解析代码：

function handleAuthReady() {
    const ywAuth = (window as any).ywAuth;
    if (ywAuth) {
        return Promise.resolve(ywAuth);
    }

    return new Promise(resolve => {
        setTimeout(() => {
            resolve(handleAuthReady());
        }, 100);
    });
}

这是一个名为 handleAuthReady 的函数，用于处理认证准备就绪的逻辑。它首先检查全局变量 ywAuth 是否存在，如果存在则返回一个解析后的 Promise 对象，该 Promise 对象的结果为 ywAuth。如果 ywAuth 不存在，则创建一个新的 Promise 对象，并在 100 毫秒后通过递归调用 handleAuthReady 函数来尝试获取 ywAuth。

export default {
    init() {
        const ywAuth = (window as any).ywAuth;
        if (typeof ywAuth !== 'undefined') {
            return Promise.resolve(ywAuth);
        }
        const AuthSDKUrl = 'https://www.cmpassport.com/h5/js/jssdk_yw_auth/jssdk.min.js';
        return new Promise(resolve => {
            // 插入script脚本
            const scriptNode = document.createElement('script');
            scriptNode.setAttribute('type', 'text/javascript');
            scriptNode.setAttribute('src', AuthSDKUrl);
            document.body.appendChild(scriptNode);
            /** 做一步延时操作用于等待sdk加载完成 */
            handleAuthReady().then((ywAuth: any) => {
                resolve(ywAuth);
            });
        });
    }
};

这段代码导出了一个默认对象，其中包含一个名为 init 的方法。init 方法用于初始化操作，首先检查全局变量 ywAuth 是否存在，如果存在则直接返回一个解析后的 Promise 对象，该 Promise 对象的结果为 ywAuth。

如果 ywAuth 不存在，代码会创建一个新的 <script> 元素，并将其插入到文档的 <body> 元素中。这个 <script> 元素用于加载一个外部的 JavaScript SDK 文件，即 AuthSDKUrl 所指定的 URL。

在插入 <script> 元素后，代码会执行 handleAuthReady() 方法，并通过 then 方法等待 handleAuthReady 返回的 Promise 对象解析。一旦 Promise 对象解析完成，将会解析 ywAuth 并将其作为结果传递给外部的 Promise 对象，以完成整个初始化过程。

最终，这个对象会被导出为模块的默认导出，可以在其他地方通过导入该模块来使用其中的 init 方法。

windows winrt app sdk