微信h5生成分享海报-H5网页如何在微信中自定义分享链接（可设置标题+简介+图片）

随着微信用户增多、H5小游戏、H5大翻页,到H5站点、H5营销。在微信上内容的数量和样式的逐渐增多,下面给大家介绍借助“布谷鸟”这一个在线制作工具,可以轻松的制作出炫酷的微信h5页面。

点击制作栏目,进入模板选择页

1:选择空模板,自由创作、选择主题模板,更快速的创作出炫丽的展示。

预览树操作

2:显示的页面的显示顺序;

右键调整页面的显示顺序;

3、点击页面右上角的X,可以把不需要的页面删除。

4.功能—添加修改文字

1、添加文字:点击右侧的文字选项→主编辑区会出现文字输入框→双击修改

2、文字属性修改:右侧文字属性修改选项,包括字体种类,字体大小、颜色等等。

功能—添加修改按钮

添加按键:点击右侧按钮选项→点击编辑区的按钮→修改文字、链接

5.功能—添加修改底图

1、修改背景颜色:点击右侧底图选项→选择颜色

2、上传底图:点击右侧底图选项→点击上传按钮→确定

6:保存。生成

1、添加标题、描述、缩略图

2、生成的二维码和链接可以用于分享到微信、微博等

3、点击生成按钮,即完成了一个作品的制作过程。

分享到朋友圈的H5页面有些是用代码开发完成的,有些是用H5工具制作的。咱普通外行人肯定是没办法在短期内学会代码开发的,但专业的H5制作工具就要简单得多,新手小白最多摸索一个星期,就能做出一个完整、简单的H5作品。

关于专业的H5制作工具,还是更推荐意派Epub360,主要是因为它的实用性比较强,不仅功能强大,还有丰富的案例库、模板库和教程库,无论是邀请函、品牌推广、产品宣传,还是活动营销、数据报告、微杂志、微官网,都可自由创作。可以说是制作H5的神器了~

最近开发h5网页,在分享网页到微信好友时,发现我的分享链接只有标题和链接地址:

却不像自定义微信分享链接一样,分享的链接像生成一张卡片,有对应的标题,内容和图片:

上网搜了一下,参考了 H5网页如何在微信中自定义分享链接(可设置标题+简介+图片) 这篇文章,在此汇总记录一下:

要达到上图自定义文案与图标的效果,必须要采用微信提供的JS-SDK,微信JS-SDK是

微信公众平台

面向网页开发者提供的基于微信内的网页开发工具包。可参考微信JS-SDK说明文档。

接入步骤如下:

1、准备一个备案的域名和空间,绑定域名到该空间去

2、登录微信公众平台,进入“公众号设置”的功能设置里面填写js接口安全域名,这个是要填写的是你微信浏览器要打开的域名地址,不能添加

IP地址

。

3、引入js文件,在需要调用js接口的页面接入JS文件。

4、通过config接口注入权限并验证配置(这一步算是整个步骤中最关键的一步,必须正确的配置信息才可以进行调用JS-SDK。

({

debug: true, // 开启调试模式,调用的所有api的

返回值

会在客户端alert出来,若要查看传入的参数,可以在

pc端

打开,参数信息会通过log打出,仅在pc端时才会打印。

appId: '', // 必填,公众号的唯一标识

timestamp: , // 必填,生成签名的时间戳

nonceStr: '', // 必填,生成签名的随机串

signature: '',// 必填,签名,见附录1

jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2

});