站外h5页面调起小程序

​

场景

非微信环境下的站外浏览器页面调起微信小程序某个页面

方法

调起app或者微信小程序一般都可以通过url-schema来调起的

微信schema官方文档

获取 URL Scheme | 微信开放文档

调起限制

微信获取schema有每日50w次的限制，可以做些缓存schema策略来进行优化。 并且微信提供的api接口需要后端来进行请求，

具体代码

1 获取微信小程序schema

 // 得到微信小程序schema
        const getWxSchema = async () => {
            try {
                const { data, code, message } = await useFetch<wxRequest, wxResponse>(
                    basic.value.wxUrl,
                    {},
                    ctx
                );
                if (code === 1) {
                    wxSchema = data;
                } else {
                    console.log(message || '');
                }
            } catch (e) {
                console.log(e);
            }
        }

2 使用schema调起

 const launchSchema = (urlSchema: string) => {
            if (!urlSchema) return;
            const a = document.createElement('a');
            a.href = urlSchema;
            a.click();
            }