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>