名编辑电子杂志大师教程 | 如何设置电子书微信分享的标题,小图标,描述?

当您将做好的H5微杂志发布到微信上,并分享给朋友或者朋友圈的时候,微信上会弹出一个对话框,对话框上包含了以下信息:标题,缩略图以及描述。如图:

在这里插入图片描述
【▲图1】

分享相关信息的设置是需要根据微信JS-SDK说明文档来设置您的服务空间。任何服务空间需要设置哦~!

以下方案仅提供参考,需要根据微信JS-SDK说明文档为准。请自行根据情况来设置您的服务空间。任何服务空间需要设置哦~!

下面第1-6的步骤仅作为示例,如果服务器不同请您根据微信JS-SDK说明文档自行修改设置!

那么如何设置这些信息呢?首先,您的具备以下条件:

  1. 已认证的微信公众平台
  2. PHP服务器
  3. 名编辑软件

然后按照下列步骤操作:

第一步, 打开网址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这个文件夹上传到您的服务器,生成的链接发布到微信上并分享给好友或者朋友圈的时候,对话框显示的标题,描述以及缩略图就是您自定义的了。

猜你喜欢

转载自blog.csdn.net/weixin_43770771/article/details/89450650