当您将做好的H5微杂志发布到微信上,并分享给朋友或者朋友圈的时候,微信上会弹出一个对话框,对话框上包含了以下信息:标题,缩略图以及描述。如图:
【▲图1】
分享相关信息的设置是需要根据微信JS-SDK说明文档来设置您的服务空间。任何服务空间需要设置哦~!
以下方案仅提供参考,需要根据微信JS-SDK说明文档为准。请自行根据情况来设置您的服务空间。任何服务空间需要设置哦~!
下面第1-6的步骤仅作为示例,如果服务器不同请您根据微信JS-SDK说明文档自行修改设置!
那么如何设置这些信息呢?首先,您的具备以下条件:
- 已认证的微信公众平台
- PHP服务器
- 名编辑软件
然后按照下列步骤操作:
第一步, 打开网址https://mp.weixin.qq.com/,输入您的微信公众平台账号密码并登陆;
第二步, 找到公众号设置中的功能设置,设置js接口安全域名,域名要与杂志放置的域名一样;
【▲图2】
第三步,打开开发, 基本配置,成为开发者;
【▲图3】
并获取APP ID 以及APP Secret:
【▲图4】
第四步,下载文件:http://books.mingbianji.com/download/weixin.zip
解压weixin.zip, 找到weixin文件夹中的wxcommon.php,点中wxcommon.php右键以记事本方式打开,并在文本上相应位置填上您的APP ID 和APP Secret。
【▲图5】
第五步,改好以后,将weixin这个文件夹上传到您的PHP服务器环境,关于如何上传请看教程:《用FTP上传电子杂志到网站》
第六步,在服务器上打开刚才上传的weixin文件夹,右键打开Application的文件属性:
【▲图6】
然后如图设置,点击确定:
【▲图7】
前面叙述的步骤是设置微信与您服务空间的接口,只需要设置一次。第七步开始是有关于名编辑输出文件的设置了,这里需要您每次都设置哦
第七步,设计好缩略图,建议大小为:400*400像素,并将图片放到用名编辑输出的文件夹中;(关于如何输出flash-html5或者手机版文件
【▲图8】
第八步,打开您输出的名编辑文件,如果您是同时输出flash-html5,请打开 输出文件中的mobile中的index.html,如果你只是输出手机版,请直接打开文件中的index.html。下面以0411test,输出格式为flash-html5为例:
【▲图9】
点击打开http://files.mingbianji.com/images/mbj-img/2016/2016-4-28.html ,将页面里的代码复制到与电子书制作软件 设置电子书微信分享的标题,小图标,描述之间。
第九步,复制以后先别关闭这个记事本,请仔细查看这个代码,上边有四个地方需要您填写,请根据您的情况填写:
【▲图10】
修改好以后,保存并关闭,然后将0411test这个文件夹上传到您的服务器,生成的链接发布到微信上并分享给好友或者朋友圈的时候,对话框显示的标题,描述以及缩略图就是您自定义的了。