Vue+H5 活动内容调用微信分享

遇到很多坑记录一下

先看一遍微信的官方手册

https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html

代码实现步骤

第一步、引入大神写的微信工具包

<dependency>
            <groupId>com.github.binarywang</groupId>
            <artifactId>weixin-java-common</artifactId>
            <version>3.7.0</version>
        </dependency>
        <dependency>
            <groupId>com.github.binarywang</groupId>
            <artifactId>weixin-java-miniapp</artifactId>
            <version>3.7.0</version>
        </dependency>
        <dependency>
            <groupId>com.github.binarywang</groupId>
            <artifactId>weixin-java-mp</artifactId>
            <version>3.7.0</version>
        </dependency>

第二步、配置工具类的参数

我用的springboot resource里的配置就不放了

@Configuration
public class WeChatAccountConfig {
   
    @Value("${wechat2.appId}")
    private String appId;

    @Value("${wechat2.secret}")
    private String appSecret;

    @Value("${wechat2.token}")
    private String token;

    @Value("${wechat2.aesKey}")
    private String encodingAESKey;

    public String getAppId() {
   
        return appId;
    }

    public String getAppSecret() {
   
        return appSecret;
    }

    public String getToken() {
   
        return token;
    }

    public String getEncodingAESKey() {
   
        return encodingAESKey;
    }

}

@Component
public class WeChatConfig {
   
    @Autowired
    private WeChatAccountConfig weChatAccountConfig;

    @Bean<