1. 接口

1.1. 微信公众号服务器配置

微信公众号服务器配置的服务器地址(URL)参数请参考微信官方说明链接

https://mp.weixin.qq.com/advanced/advanced?action=dev&t=advanced/dev&token=1408522385⟨=zh_CN

1.1.1. 微信公众号入口类

关键类: net.mingsoft.mweixin.action.web.PortalAction.java

1.2. 授权登录

关键类: net.mingsoft.mweixin.action.web.OauthAction.java

1.3. 微信分享

可以设定分享内容的标题、分享描述、分享内容缩略图等

微信分享js核心文件:ms-mweixin插件模块下/src/main/webapp/static/mweixin/js/weixin.js 微信小程序分享js核心文件:ms-mweixin插件模块下/src/main/webapp/static/mweixin/js/weixin.miniapp.js

第一步:引入js文件

第二步:设定一个全局的微信号

第三步:设定分享的标题、描述、链接、图片

1.3.1. 实例:微信分享当前网页

<html>
<head>
    <meta charset="utf-8">
    <title>微信分享</title>
    <meta http-equiv="content-type" content="text/html"/>
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache"/>
    <meta name="viewport"
          content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="app-mobile-web-app-capable" content="yes"/>
    <meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
    <!--引入Vue-->
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <!--通用图标-->
    <link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css"/>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!--微信分享相关-->
    <script src="./static/mweixin/js/weixin.js"></script>
    <script src=".//static/mweixin/js/weixin.miniapp.js"></script>
    <script>
        //定义全局微信号
        ms.weixinNo='vx580580';
    </script>
    <style>
        [v-cloak] {
            display: none;
        }

        .custom-body {
            width: 300px;
            margin: auto;
        }
    </style>
</head>
<body class="custom-body">
    <div id="app">
        这是内容这是内容这是内容这是内容这是内容这是内容
        <br>
    </div>
</body>
</html>
<script>
    let app = new Vue({
        el: '#app',
        data: {
            title: '震惊!这篇文章全是重复的词,居然很有道理!',
            desc: '这也太厉害了吧',
            link: 'https://ms.mingsoft.net/',
            imgUrl: 'https://ms.mingsoft.net/templets/1/ms/images/logo-blue.png'
        },
        created: function() {
                //微信分享标题、描述、分享的链接、内容图
                ms.weixin.share(that.titel,this.desc,that.link,that.imgUrl);
        }
    })
</script>

Copyright © mingsoft.net 2019 all right reserved,powered by Gitbook该文件修订时间: 2020-05-25 13:44:18

results matching ""

    No results matching ""

    results matching ""

      No results matching ""