本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

2024-11(5)

wx-open-launch-weapp在uni-app中的使用技巧

发布于2021-03-13 18:24     阅读(1926)     评论(0)     点赞(28)     收藏(2)


<!-- 可跳转小程序的标签 设置为透明 层级 100 -->
<!-- username-小程序原始id -->
<wx-open-launch-weapp username="gh_123456789abc" path="/pages/index/index">
	<script type="text/wxtag-template">
		<view>
			<view>   </view><!-- 中间为占位符 -->
			<view>   </view>
		</view>
	</script>
</wx-open-launch-weapp>

<!-- 可定义的文本内容 定位到跳转标签位置上 层级-100 -->
<view class="item">
	<view class="item_title">标题</view>
	<view class="item_img">
		<image src="a.img"></image>
	</view>
</view>
<script>
	created() {
		// #ifdef H5
			this.getwxInfo()
		// #endif
	},
	methods: {
	// #ifdef H5
		getwxInfo() {
			Api().then(res => { //获取微信公共参数
				console.log(res);
				var data = res.data;
				wx.config({
					debug: false, 
					appId: 'wx2c0161dd39f3a171', // 必填,公众号的唯一标识,填自己的!
					timestamp: 0, // 必填,生成签名的时间戳,刚才接口拿到的数据
					nonceStr: data.nonceStr, // 必填,生成签名的随机串
					signature: data.signature, // 必填,签名,见附录1
					jsApiList: data.jsApiList,
					openTagList: data.openTagList // 跳转小程序时必填
				});
				wx.ready(res => {
					console.log(res);
				});
				wx.error(res => {
					console.log(res);
				});
			}).catch(err => {
				console.log(err);
				
			});
		},
	}
	// #endif
</script>

微信官方文档

原文链接:https://blog.csdn.net/small_animation/article/details/114692739




所属网站分类: 技术文章 > 博客

作者:爱出汗

链接:http://www.qianduanheidong.com/blog/article/35737/b845724c6b328566d73d/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

28 0
收藏该文
已收藏

评论内容:(最多支持255个字符)