精华内容
下载资源
问答
  • 微信公众号页面地址(示例): 'https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=xxxxx&scene=124#wechat_redirect'; 可以通过location.href的方式直接跳转过去。 <div class="p:32 text-...

    微信公众号的页面地址(示例):

    'https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=xxxxx&scene=124#wechat_redirect';
    

    可以通过location.href的方式直接跳转过去。

    <div class="p:32 text-center">
        <button id="btn1" class="btn btn-main">关注公众号1</button>
    </div>
    <div class="p:32 text-center">
        <a id="btn2" onclick="location.href='qrimg_url';" class="btn btn2">关注公众号2</a>
    </div>
    <script>
    Q('btn1').onclick = function() {
        location.href= 'qrimg_url';
    }
    </script>
    
    展开全文
  • uniapp中h5网页微信公众号授权

    千次阅读 2020-09-28 15:16:54
    uniapp微信网页授权uniapp中h5网页微信公众号授权主要代码获取code返回的...3.没有关注跳转至关注公众号页面 主要代码 //判断用户是否是微信环境 if (isWechat()) { let code = getUrlParam("code"); //是否存在co

    uniapp中h5网页微信公众号授权

    微信官方文档–>网页授权
    uniapp中h5网页微信公众号授权步骤:
    1.采用用户授权获取code
    2.把code传给后端后端获取openid 以及是否关注公众号判断
    3.没有关注跳转至关注公众号页面

    主要代码

    //判断用户是否是微信环境
    if (isWechat()) {
    				let code = getUrlParam("code"); //是否存在code 截取code代码 授权会返回code需要截取链接中code
    				let local = window.location.href;
    				if (code == null || code === "") {
    					//不存在就打开上面的地址进行授权
    					window.location.href =
    						`https://open.weixin.qq.com/connect/oauth2/authorize?appid=appid&redirect_uri=url&response_type=code&scope=snsapi_userinfo&state=STATE&connect_redirect=1#wechat_redirect`;
    				//appid填写你的appid 	redirect_uri填写请求成功后回调地址						
    				} else {
    					that.code = code;
    					//把code传给后端判断用户是否关注相对应的公众号
    					uni.request({
    						url: 'url',
    						header: {
    							'content-type': 'application/x-www-form-urlencoded'
    						},
    						data: {
    							code: that.code
    						},
    						method: 'GET',
    						success: (res) => {
    							//201没有关注公众号 跳转关注页面
    							if (res.data == 201) {
    								window.location.href =
    									`https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=wechatbiz#wechat_redirect`;
    								//_biz的获取通过登录微信公众平台 在头像那里右击查看源码 找到 uin: "658565",uin_base64: "",_biz的值等于uin_base64就可以了
    							} else { //关注了可以进行下一步
    								uni.request({
    									url: 'url',
    									header: {
    										'content-type': 'application/x-www-form-urlencoded'
    									},
    									method: 'GET',
    									success: (ti) => {
    									
    									}
    								})
    							}
    						},
    					})
    				}
    			}else{
    				uni.showModal({
    					title:'请在微信打开',
    					content:'请在微信打开本网页'
    				})
    			}
    

    获取code返回的code截取代码

    // 判断公众号截取code
    	const getUrlParam = (name) => {
    		let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    		let r = window.location.search.substr(1).match(reg);
    		if (r != null) {
    			return unescape(r[2]);
    		}
    		return null;
    	}
    
    展开全文
  • 由于考虑到微信商城内用户分享给未关注用户,所以进行openid判断 并且进行 跳转,谨此记录一下! 1.登录公众号管理后台 2.F12 进入element 模块 3.ctrl+f 搜索uin_base64字段 4.在下面代码中填入uin_base64值,完成...

    由于考虑到微信商城内用户分享给未关注用户,所以进行openid判断 并且进行 跳转,谨此记录一下!

    1.登录公众号管理后台
    2.F12 进入element 模块
    3.ctrl+f 搜索uin_base64字段
    4.在下面代码中填入uin_base64值,完成!

            window.location.href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=此处填入uin_base64值&scene=110#wechat_redirect";
    
    
    展开全文
  • 通过微信H5进入微信公众号 最终主要代码 <a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzUzOTk0MDMzNQ==#wechat_redirect">跳转到我的公众号吧</a> 体验链接 ...

    通过微信H5进入微信公众号

    最终主要代码
    <a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzUzOTk0MDMzNQ==#wechat_redirect">跳转到我的公众号吧</a>
    
    体验链接

    http://test.wangyc.top/test/open_wxgghao/mini.html

    一、如何获取 微信公众号的 id 【注意此ID非注册信息中的原始ID】

      1. 打开微信公众平台并登录
      2. 右键查看网页源代码
      3. 寻找 window.wx.commonData 字段内容信息
      4. 该字段中的 uin 就是你当前公众号的id
      5. 下边请看演示

    教你获取微信公众号id

    二 、制作跳转链接

    • 跳转链接格式为 https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzUzOTk0MDMzNQ==#wechat_redirect
    • 其中需要我们修改的部分为 该 “ MzUzOTk0MDMzNQ== ” 部分,这部分其实是我们微信公众号id进行的 base64 加密后的
    • base64加密前:3539940335;base64加密后:MzUzOTk0MDMzNQ==
    最终链接
    https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzUzOTk0MDMzNQ==#wechat_redirect
    

    三、示例代码

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>跳转至微信公众号</title>
    		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" />
    		<style type="text/css">
    			.navto {
    				width: 8rem;
    				height: 4rem;
    				text-align: center;
    				line-height: 4rem;
    				background: #FFCC00;
    				color: #FFFFFF;
    				font-size: 0.85rem;
    				border-radius: 0.4rem;
    				margin: 0.8rem auto 0 auto;
    			}
    		</style>
    		<script type="text/javascript">
    			function w() {
    				let htmlwidth = document.documentElement.clientWidth || document.body.clientWidth;
    				let htmlDom = document.getElementsByTagName('html')[0];
    				// if (htmlwidth > 750) {
    				//  htmlwidth = 750
    				// }
    				htmlDom.style.fontSize = htmlwidth / 20 + 'px';
    		
    			}
    			// 实时监测当前设备是否进行横竖屏切换
    			var evt = "onorientationchange" in window ? "orientationchange" : "resize";
    			window.addEventListener(evt, resize, false);
    		
    			function resize(fals) {
    				if (window.orientation == 0 || window.orientation == 180) {
    					w()
    				} else {
    					w()
    				}
    			}
    			resize(true);
    		</script>
    	</head>
    	<body>
    		<div class="navto"><a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzUzOTk0MDMzNQ==#wechat_redirect">测试H5跳转公众号</a></div>		
    	</body>
    </html>
    
    
    展开全文
  • 利用H5开发微信公众号

    万次阅读 2018-05-04 10:22:38
    利用H5开发微信公众号一、 首先授权配置 公众号设置 --》功能设置 设置业务域名! 123 这里的MP_verify_w7tdZrafqhkK9Mcj.txt文件,需要放到你项目的根目录下,例子:你的项目war包叫 test.war ,里面包含了src,WEB...
  • H5开发微信公众号

    2018-08-16 14:00:12
    利用H5开发微信公众号 一、 首先授权配置 公众号设置 --》功能设置 设置业务域名!   这里的MP_verify_w7tdZrafqhkK9Mcj.txt文件,需要放到你项目的根目录下,例子:你的项目war包叫 test.war ,里面包含了...
  • h5微信公众号中获取oppenId,静默和非静默appid 和 secret 公众号设置里边都可以查看到重定向的redirect_uri在下图上有个修改点击修改一、获得code:二、获得openid 最近做的项目需要用H5在公众号里获取微信的...
  • 微信和支付宝移动端调起客户端支付后回调刷新页面的问题
  • 前端在默认页面的声明周期created方法,接收二维码的参数,location.href能获取到二维码携带的参数 有两种情况,一是二维码已失效,不带任何参数;另一种情况是二维码是有效的,带参数 用indexof判断二维码中是否...
  • H5页面跳转微信公众号首页 1. 需求背景: 微信公众号(客户端)网页需要用户关注才能进行活动,因此需要引流到公众号进行关注操作。 在多篇文章无法找到关键的一个解决点,主要是在阐述如何复制公众号首页...
  • 我们只要实现外部wap网页一键跳转微信打开指定页面的功能即可。 功能实现后可以实现从手机浏览器打开微信并跳转到指定网页,该网页可以是你的个人二维码,可以是公众号二维码当然也可以直接跳转到公众号关注页面,这...
  • 2020年7月微信开放了H5跳转小程序的实现(基于微信JSDK和开放标签)。微信官方文档 仅有 js 示例,工作中用的是vue,特此记录备忘。微信开放标签是微信公众平台面向网页开发者提供的扩展标签集合。通过使用微信开放...
  • 有时候我们可以在今日头条发布文章或评论时可以留下... 5、微信H5页面(活动页或广告页) 三、创建方法 1、进入【天天外链】进入小程序根据官方示例创建链接即可; 2、复制链接前往今日头条发布使用即可; ...
  • 在设置好微信公众号自定义菜单中,某一个菜单点击动作为发送消息后,想将这个点击动作换成跳转到网页,在原来的基础上修改,是不成功的。以下是小编为您带来的关于微信公众号自定义菜单将点击动作换成跳转到网页,...
  • 微信分享实现 前端发送接口获取微信配置信息api.getWxConfigParams({ currentUrl: encodeURIComponent(window.location.href) }).then(res => { if (res.code === 0) { const { appId, nonceStr, signature, ...
  • H5调用微信公众号支付

    千次阅读 2018-06-14 10:40:06
    引导用户唤起微信授权确认页面这里需要我们做两件事,第一去配置jsapi域名,第二配置微信网页授权的回调域名构建微信授权的url "https://open.weixin.qq.com/connect/oauth2/authorize?appid=" + appId +...
  • wx.config({ debug: true, // 开启调试模式,调用的... appId: '', // 必填,公众号的唯一标识 timestamp: , // 必填,生成签名的时间戳 nonceStr: '', // 必填,生成签名的随机串 signature: '',// 必填,签名 js
  • 1.登录微信公众平台后台获取公众号的AppId,设置回调地址。 回调地址设置:开发>接口权限>网页服务>网页授权>修改。并将Mp***.text文件上传至填写域名或路径指向的web服务器的根目录下。 2.根据开发...
  • 根据微信内部跳转接口规则调整如下: URL Scheme功能规则调整 path参数不能携带query,带“?”都将报错 query从32个字符扩展到128个字符 Scheme字符缩减,新的Scheme格式为 weixin://dl/business/?t=

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,326
精华内容 1,730
关键字:

h5跳转微信公众号页面