微信分享文章配置

在微信中打开网站链接地址时,用户希望点击右上角的三个竖点,通过“发送给朋友”或者“分享到朋友圈”进行文章分享宣传。基于SmartERP开发的网站,可以快速的配置该功能支持。

首先,在SmartERP后台,“机构和用户”->“外部接口”,定义微信服务号的接口,获取一个数字接口编号(apiId),比如1。

然后,在网站网页的Master页(或者其他全局页面,这样可以避免所有网页单独定义),在<head><script type="text/javascript" src="/etsoo/jquery.min.js"></script><script type="text/javascript" src="/etsoo/js/etsoo.min.js"></script><script type="text/javascript" src="/etsoo/js/etsoo.api.min.js"></script></head>,导入jQuery框架。在 body 标签底部,导入微信客户端脚本文件路径: <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js" async="async" defer="defer" &#111nload="setupWechat()"></script>,在之前定义函数 setupWechat:

image.png

通过 ESite.IsWechatClient 属性,排除在其他情况下打开网页时,不进行下面的处理。先声明云服务器接口地址,通过 etsoo.wechat.title 定义默认前缀,setup方法第一个参数就是微信接口编号,请对应修改,第二个参数true表示自动配置分享。setupShare方法的第一个函数,表示自动配置读取的范围,第二个参数表示分享时显示的默认图标地址,最好是正方形图片。

自动配置分享的信息,程序进行了逻辑抽象:{title: '...', link: '...', desc: '...', imgUrl: '...', type: '...', dataUrl: '...'},title表示标题,link表示链接地址,desc表示描述,imgUrl表示图标地址,type和dataUrl很少用,可以不配置。程序通过以下逻辑读取:

图片.png

如果不希望使用上面的自动逻辑生成,可以在初始化前定义一个对象“wechatShareCommon”完全进行自定义。title默认读取属性名为 article_title 的节点文本,如果定义了 etsoo.wechat.title,则自动附加在前面,否则显示网站标题;desc描述内容读取属性名为 article_brief 的节点文本,获取截取属性名为 article_content 的节点文本,否则读取网站描述;logo图标的思路请参照代码理解。