枫叶 发表于 2018-12-3 16:10:07

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

配置一键分享多张图配置一键分享多张图?
1.在开发者中心【云商城】找到需要配置的应用
2.点击【配置APP】进入配置界面,找到【在线配置功能 】,再找到【一键分享多张图】特别提示:点击图片上3图标,或一键分享多张图这几个字,即可弹出该功能的配置窗口。                   如您在试用期测试此功能,请不要点击右侧的“勾选”,点击勾选是去结算付费的。                   如您已过了试用期,想使用此功能,请先点击右侧“勾选”结算付费后再点击左侧图标或文字进入配置窗口;
3.点击【一键分享多张图】在弹出的界面配置【一键分享多张图】即可http://cdn.myapp.ltd/2017-12/27/11/12586214939.jpg特别提示:此功能需要懂一定的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);




页: [1]
查看完整版本: 如何配置一键分享多张图?