链控实现自定义分享标题?xapp-share=1&xapp-share-title=

[复制链接]
老魏Lv.7 显示全部楼层 发表于 2021-12-28 15:58:33 |阅读模式 打印 上一主题 下一主题
一门app开发演示
功能名称: u.cshtml?xapp-share=1&xapp-share-title=添加链接后缀自定义分享标题
功能说明: 通过任意网页html页面A标签添加后缀获得链控能力,u.cshtml?xapp-share=1&xapp-share-title=添加链接后缀实现自定义分享标题
核心代码: ?xapp-share=1&xapp-share-title=自定义分享标题
jsBridge下载: https://www.yimenapp.com/doc/demo.cshtml
苹果上架
URL添加后缀
  1. <a href="https://www.yimenapp.com/?xapp-share=1&xapp-share-title=%E8%87%AA%E5%AE%9A%E4%B9%89%E5%88%86%E4%BA%AB%E6%A0%87%E9%A2%98">执行</a>
  2. <!-- 任意网页html在A标签后添加后缀,实现自定义分享出去的标题显示 -->
  3. <!-- 分享标题内容需要进行urlencode编码 -->
  4. <!-- 这里的标题为“自定义分享标题”urlencode编码后为“%E8%87%AA%E5%AE%9A%E4%B9%89%E5%88%86%E4%BA%AB%E6%A0%87%E9%A2%98” -->
  5. <!-- “?”“#”“&”三个符号间隔,具体根据自己的URI结构选择使用 -->
  6. <a href="https://www.yimenapp.com/developer/app.cshtml?id=187269#xapp-share=1&xapp-share-title=%E8%87%AA%E5%AE%9A%E4%B9%89%E5%88%86%E4%BA%AB%E6%A0%87%E9%A2%98">执行</a>
  7. <a href="https://www.yimenapp.com/developer/app.cshtml?id=187269&xapp-share=1&xapp-share-title=%E8%87%AA%E5%AE%9A%E4%B9%89%E5%88%86%E4%BA%AB%E6%A0%87%E9%A2%98">执行</a>
  8. <!-- 比如这个链接的结构已经占用了“?”那么就可以在后面使用“#”或者“&”符号作为拼接 -->
  9. <!-- URL链控后缀可以组合使用,更多链控规则,请查阅demo -->
复制代码
执行

下载jsbridge-mini.js上传服务器并引入,根据实际业务自定义JS策略,映射JS只会APP内生效!请下载APP打开app体验!

衍生阅读

在点击执行后之后,打开的页面,点击原生标题栏分享按钮,这时候分享出去的标题则为我们这里输入的URL链控后缀的内容

QQ截图20211228161059.jpg

点击执行后进入的页面

QQ截图20211228160845.jpg

点击分享之后可以看到分享标题已经自定义显示了

QQ截图20211228161345.jpg

分享效果

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

一门APP打包致力于H5混合APP基础框架领域的前沿探索,专注轻便的移动应用解决方案 提供基于HTML前端页面在各种应用层级的端延展。
  • 官方手机版

  • 微信公众号

  • 微信客服

  • Powered by Discuz! X3.4 | Copyright © 2001-2020, 一门APP. | 一门APP开发平台|热门标签
  • 蜀ICP备17005078号-4 | 川公网安备 51019002001185号 | |成都七扇门科技有限公司