uniapp 打包H5，打包小程序，打包app分享到微信聊天、朋友圈

1.uniapp打包H5操作手法：Hbuilder->发行->网站-PC-WEB端或手机端H5访问，需要填写个访问域名，即发布后访问的域名路径

2.uniapp打包H5配置注意事项：uniapp下manifest.json文件中H5配置相关配置，路由模式选择hash,勾选上https访问。注：如果是本地访问没有https设置，则该项不要勾选，打包时勾选就行，否则本地将无法访问。

3.小程序端如何分享到微信聊天、朋友圈：

添加两个事件，此事件是右上角胶囊点开分享使用。

        //这两个函数要跟onLoad函数同级，不在methods内否则不生效//微信小程序  右上角分享给朋友，聊天记录onShareAppMessage(res) {if (res.from === 'button') {// 来自页面内分享按钮}return {title: '分享标题',path: '/pages/index/index'//打开小程序的路径}},//微信小程序 右上角分享到朋友圈。onShareTimeline() {return {title: '分享标题',path: '/pages/index/index',//打开小程序的路径//发送出去显示的图片，要是个可访问的图片路径//imageUrl: 'https://cdn.uviewui.com/uview/swiper/1.jpg'};},

如果是微信小程序页面内部自定义按钮分享代码如下：改代码调用事件onShareAppMessage

<button  class="shareBtn" type="default" data-name="shareBtn" open-type="share">分享</button>

4.uniAPP打包成安卓apk分享，使用uni.share,官方文档地址分享 | uni-app官网文档说明比较细

介绍下app分享到微信小程序时，miniProgram.id 该id是小程序原始id（gh_xxx），不是APPID ,不要搞混了，否则跳转失败。miniProgram值id、path、type、webUrl都得填写上一个不能少否则会分享失败

app内分享小程序到朋友圈是分享不过去的，只能打开微信聊天页面，因此做如下调整:

APP分享到朋友圈，uni.share 类型为type=1分享图文形式，地址连接换成H5的地址。打开H5连接以后跳转到APP或者微信小程序。H5打开小程序是不能直接打开所以换一种实现思路，通过生成urlscheme连接，官方文档地址urlscheme.generate | 微信开放文档，然后通过window.location.href="weixin://dl/business/?t=xx" 改地址跳转，此时就可以打开微信小程序了。该链接可以在任何地方使用。微信IOS、安卓都可以打开。

5.微信生成urlscheme代码块（java）如下

String urlToken  ="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=appid&secret=secret";String token =     "token";Map<String,String> map = new HashMap<>();map.put("path", "pages/index/index");//最长1024字符。map.put("query", "a=b");map.put("env_version", "release");Map<String,Object> paramMap = new HashMap<>();paramMap.put("jump_wxa", map);//paramMap.put("path", "pages/index/index");//paramMap.put("query", "");//paramMap.put("env_version", "release");paramMap.put("expire_type", 1);//10天有效期paramMap.put("expire_interval", 10);System.out.println(JSON.toJSONString(paramMap));HttpRequest createPost = HttpUtil.createPost("https://api.weixin.qq.com/wxa/generatescheme?access_token="+token);Map<String,String> header = new HashMap<>();header.put("Content-Type", "application/json");createPost.addHeaders(header);HttpResponse execute111 = createPost.body(JSON.toJSONString(paramMap)).execute();System.err.println(execute111.body());

uniapp 打包H5，打包小程序，打包app分享到微信聊天、朋友圈相关推荐

微信小程序实现转发分享功能（好友朋友圈）
微信小程序分享微信小程序已经支持分享到好友和朋友圈功能(安卓),用户在朋友圈打开分享的小程序页面,并不会真正的打开小程序,而是进入一个"小程序单页面模式"的页面: 微信小程序文档 ...
uniapp （H5、小程序、app）地图导航
H5地图导航腾讯地图 window.location.href = http://apis.map.qq.com/uri/v1/marker?marker=coord:lat,lng;addr:ad ...
ReactNative聊天APP实战|仿微信聊天/朋友圈/红包界面
项目简介最近一直在研究RN技术,想着找个项目练练手,之前就有使用vue.react技术开发过聊天项目,这次就使用reactNative技术开发个仿微信RN版.是基于 react-native+rea ...
uniApp 自定义分享到微信、朋友圈
uniapp写app之自定义分享到微信和朋友圈新建组件share-posters 在项目中index.html文件中引入jWeixin 在父组件中使用新建组件share-posters uniap ...
h5是可以一键打包小程序的_H5手机网站封装打包微信小程序并实现分享及微信支付...
手机网站打包小程序教程,生成小程序,网页版小程序打包微信小程序,H5封装成微信小程序. 微信小程序开发一般分为2种方式,一种就是原生开发小程序,一种是将手机网站打包成小程序. 原生开发小程序成本较 ...
uniapp兼容H5和小程序订阅消息授权开发封装，使用方便
本文使用 uniapp 框架开发,因为H5的订阅消息和小程序的订阅消息的授权流程不一样,但是很多地方需要使用授权,所以我封装了一个兼容H5和小程序订阅消息授权的方法,使用比较方便,希望能够帮助到你,实 ...
uniapp发布h5和小程序样式或者一些其他问题
1.发布小程序时,千万不要带有img.span.a这样的h5才能识别的标签,改成image.text.view这样的形式,样式里也记得改,具体看uniapp官网组件文档 2.使用组件或者input之类 ...
uniapp 公众号打开小程序，app打开小程序，小程序打开其他小程序
(公众号打开小程序) 第一步->进入项目目录: npm install jweixin-module --save 第二步->在要调用得页面里面 import jweixin from ' ...
uni-app关于小程序及app端第三方微信登陆问题（app端如何取得code值）
加强安全保护,防止部分应用邀请新用户有奖励而产生的刷号行为,和后端配合,不从前端传openid,取得相应的code值给后端,后端再去拿到openid获取用户信息. 1.第三方微信登陆,主要是在获取co ...

uniapp 打包H5，打包小程序，打包app分享到微信聊天、朋友圈

uniapp 打包H5，打包小程序，打包app分享到微信聊天、朋友圈相关推荐

最新文章

热门文章