配置一键分享多张图?
1.在开发者中心【云商城】找到需要配置的应用
(, 下载次数: 149)
2.点击【配置APP】进入配置界面,找到【在线配置功能 】,再找到【一键分享多张图】
(, 下载次数: 146)
特别提示:点击图片上3图标,或一键分享多张图这几个字,即可弹出该功能的配置窗口。
如您在试用期测试此功能,请不要点击右侧的“勾选”,点击勾选是去结算付费的。
如您已过了试用期,想使用此功能,请先点击右侧“勾选”结算付费后再点击左侧图标或文字进入配置窗口;
3.点击【一键分享多张图】在弹出的界面配置【一键分享多张图】即可
特别提示:此功能需要懂一定的H5技术,是需要在HTML页面接入的哦!
4.配置好之后,点击右下角的【保存】按钮,之后重启APP即可查看手机上的真实效果!
——此功能属于在线配置功能,所以配置修改之后无需重新打包,生成新版,更新版本,可以及时修改及时生效!
特别提示:此功能可自定义JS接入网页;
同时也关联了“
多图浏览”功能,可以直接在“多图浏览”功能里面体验一键分享多图的快感!
多图浏览一键分享多图到微信朋友圈、QQ空间(iOS)等,即大家常说的朋友圈九宫格多图,最多支持9张一键分享。
JavaScript- jsBridge.showImages({
- //屏幕方向 0自适应,1横屏,2竖屏,不提供则用APP设置值
- screenOrientation: 0,
- //显示保存到相册按钮,不提供则用APP设置值
- save: true,
- //显示一键分享多图按钮,不提供则用APP设置值
- share: true,
- //多图分享摘要文字,不提供则为网页标题+链接
- share_text: "WebApp快捷打包 多图分享摘要",
- //图片组, text 是文字说明
- items:[
- {
- url :"http://cdn.myapp.ltd/sys/1.jpg",
- text:"美丽的大自然 01"
- },
- {
- url :"http://cdn.myapp.ltd/sys/2.jpg",
- text:"美丽的大自然 02"
- },
- {
- url :"http://cdn.myapp.ltd/sys/3.jpg"
- },
- {
- url :"http://cdn.myapp.ltd/sys/4.jpg"
- },
- {
- url :"http://cdn.myapp.ltd/sys/5.jpg"
- },
- {
- url :"http://cdn.myapp.ltd/sys/6.jpg",
- text:"美丽的湖泊"
- },
- {
- url :"http://cdn.myapp.ltd/sys/7.jpg"
- }
- ]
- });
- //如果启用双击屏幕自动触发多图浏览,APP会用如下函数获取图片数据,请注意 HTML 页面结构;
- //minWidth、minHeight参数分别为你设置的图片最小高、宽 (px像素),注意是图显示高宽,不是图片实际尺寸;
- (function (w, h) {
- var r = {
- share_text: document.title + ' ' + location.href,
- items: []
- };
- var imgs = document.getElementsByTagName('img');
- for (var i = 0; i < imgs.length; i++) {
- var img = imgs;
- if ((img.width >= w) && (img.height >= h)) {
- r.items.push({ url: img.src });
- }
- }
- return r;
- })(minWidth, minHeight);