h5 集成 微信分享 sdk

目前做的H5 单页，在微信内，可配置 分享标题，链接，icon

1，安装 weixin-js-sdk-ts

2、新建hooks文件夹、文件夹下创建 userWxSDK…ts

import wx from "weixin-js-sdk-ts";

export interface WxConfig {

    appId: string; // 必填，公众号的唯一标识

    timeStamp: number; // 必填，生成签名的时间戳

    nonceStr: string; // 必填，生成签名的随机串

    signature: string; // 必填，签名，见附录1

    jsApiList: wx.jsApiList; // 必填，需要使用的JS接口列表，所有JS接口列表见附录2

    openTagList?: wx.openTagList;

}



export interface ShareInfo {

    title: string;

    link: string;

    imgUrl: string;

    desc: string;

}



export function useWxSDK() {

/**

 * 初始化设置

 */

function initConfig(configInfo: WxConfig) {

    return new Promise((resolve) => {

        wx.config({

            debug: false,

            appId: 'xxxxxxxx',

            timestamp: configInfo.timeStamp,

            nonceStr: configInfo.nonceStr,

            signature: configInfo.sig