如何配置一键分享多张图？

配置一键分享多张图

配置一键分享多张图？

1.在开发者中心【云商城】找到需要配置的应用

2.点击【配置APP】进入配置界面，找到【在线配置功能 】，再找到【一键分享多张图】

特别提示：点击图片上3图标，或一键分享多张图这几个字，即可弹出该功能的配置窗口。

                   如您在试用期测试此功能，请不要点击右侧的“勾选”，点击勾选是去结算付费的。

                   如您已过了试用期，想使用此功能，请先点击右侧“勾选”结算付费后再点击左侧图标或文字进入配置窗口；

3.点击【一键分享多张图】在弹出的界面配置【一键分享多张图】即可

特别提示：此功能需要懂一定的H5技术，是需要在HTML页面接入的哦！

4.配置好之后，点击右下角的【保存】按钮，之后重启APP即可查看手机上的真实效果！

——此功能属于在线配置功能，所以配置修改之后无需重新打包，生成新版，更新版本，可以及时修改及时生效！

特别提示：此功能可自定义JS接入网页；

                   同时也关联了“多图浏览”功能，可以直接在“多图浏览”功能里面体验一键分享多图的快感！

进阶秘档
二开文档：http://www.yimenapp.com/doc/js.cshtml#shareImages
更多功能测试DEMO打包页面：http://gate.myapp.ltd/doc/demo.cshtml
可以将此网址直接打包，即可在线测试我们提供的二次开发演示，代码可以查看网页源码参考！

多图浏览

一键分享多图到微信朋友圈、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);