精华内容
下载资源
问答
  • 微信网页开发(1)--微信网页与普通网页区别
    2022-01-24 15:49:34

    点此查看 微信公众号/微信网页/微信支付/企业微信/小程序开发合集及源代码下载

    1. 普通网页开发

    普通网页开发,指的就是开发普通浏览器使用的网页。例如IE浏览器、谷歌浏览器,或者手机上的UC浏览器、QQ浏览器使用的网页。

    一般使用的开发技术为HTML、CSS、JS,或者一些前端框架jQuery、BootStrap、Vue。

    2. 微信网页开发

    微信网页开发,特指开发的网页,使用微信内置的浏览器打开的情况。注意早期微信浏览器内核为UIWebview,17年3月后多数升级为WKWebview内核,跟我们电脑浏览器使用的IE内核、Chrome内核有一定差别,但是注意此处差别很小,我们平时开发的绝大多数网页都能在微信内置浏览器上正常运行。

    那么微信网页开发,为啥还需要单独学习呢。主要原因在于,微信内置浏览器,根植于微信APP中,该浏览器可以借助微信提供的网页API,调用微信的一些功能。

    例如可以获取当前用户的openid,获取当前用户的地理位置,可以分享给朋友、分享到朋友圈,可以调用拍照、扫一扫等功能,可以发起微信支付。这些功能普通网页开发是不支持的,微信网页开发就支持,这是微信官方赋予微信网页开发者的额外接口,所以学习微信网页开发,主要是学习如何调用这些接口。

    3. 微信网页开发需要的环境

    注意微信网页开发,虽然可以调用微信官方给的接口,但是还是需要微信授权认证的。

    所以我们需要申请一个公众号,通过公众号获取微信授权信息。

    另外在调试开发阶段,需要一个微信的仿真环境,此处可以使用微信官方的开发者工具,便于模拟微信APP进行调试。

    最后由于公众号菜单指向的地址一般是公网域名,所以为了方便调试,可以使用一些内网穿透工具,将公网域名映射到本地以便开发调试。

    4. 小结

    微信网页开发,关键还是调用微信赋予内置浏览器的接口,通过这些接口可以调用微信APP的功能如获取用户地理位置。

    更多相关内容
  • 微信网页开发授权登录PHP文档,使用了PHP,mysql,CURL等技术,大致思路为,用户授权登录,获取用户基本信息,储存在数据库,再次登录,判断数据库,直接登录。
  • 微信网页开发文件

    2017-09-12 16:50:17
    WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。
  • 微信网页开发

    2020-08-04 08:27:02
    PC 端“常规”微信登录 官方推荐的 PC 端登录是通过微信开放平台创建应用来实现的。凡是创建的应用都能用下面微信提供的链接来进行扫码授权操作 https://open.weixin.qq.com/connect/qrconnect?appid=APPID&...

    PC 端“常规”微信登录

    官方推荐的 PC 端登录是通过微信开放平台创建应用来实现的。凡是创建的应用都能用下面微信提供的链接来进行扫码授权操作

    https://open.weixin.qq.com/connect/qrconnect?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect
    
    • 连接包含地址
      在这里插入图片描述
    • 可以看到 response_type, scope 都是写死的。appid 会在你创建应用的时候给你(当然还有 AppSecret)。state 主要是为了用于验证是否是别人假冒的请求。重点是 redirect_uri。当用户扫码之后微信会重定向当前页面跳转到 redirect_uri 指向的地址。这个链接需要进行 urlEncode 进行重定向。为什么需要 urlEncode 对链接进行处理呢,我搜了一些资料总结了俩条我认为最重要的理由: 1. url 链接支持的字符有限,不进行编码是无法识别的 2. url 规定了一些特殊字符,如 &, ?, # 要是链接中带有这些字符会被误认

    对 url 进行编码也很简单,下面的 js 代码直接拷贝即可

    let a = 'http://xuyuechao.top'
    // 编码
    let b = encodeURIComponent(a)
    // 解码
    decodeURIComponent(b)
    
    展开全文
  • 为了方便调试,微信网页开发最好使用微信开发者工具。因为我们使用普通浏览器是无法调用微信APP接口的,而开发者工具就可以,另外开发者工具还可以方便的查看调试、错误提示信息。 注意,强烈推荐大家使用开发者...

    点此查看 微信公众号/微信网页/微信支付/企业微信/小程序开发合集及源代码下载

    1. 背景

    为了方便调试,微信网页开发最好使用微信开发者工具。因为我们使用普通浏览器是无法调用微信APP接口的,而开发者工具就可以,另外开发者工具还可以方便的查看调试、错误提示信息。

    注意,强烈推荐大家使用开发者工具调试,使用一般的浏览器因为看不到微信返回的错误提示信息,会麻烦很多。

    2. 下载安装

    官方有下载地址:点此下载
    在这里插入图片描述
    下载后,一直点下一步安装即可。

    3. 绑定公众号

    可以将开发者的微信,绑定到一个公众号上,这样在使用开发者工具时,就能针对该公众号精准调试了。

    登录公众号,点击【设置与开发】-【Web开发者工具】-【绑定开发者微信号】,然后按照提示绑定开发者的微信账号即可。
    在这里插入图片描述
    注意邀请后,开发者需要登录自己的微信同意邀请。

    4. 登录开发者工具

    此时开发者使用微信,扫码登录开发者工具。
    在这里插入图片描述

    5. 调试网页

    登录后,选择【公众号网页项目】,来调试网页。
    在这里插入图片描述
    看下图的调试界面,我们在地址栏输入想要调试的网址,然后后侧有控制台可以看到调试信息。此处能发现微信开发者工具应该也是基于chrome浏览器开发的,右侧的工具栏跟chrome一模一样。当然该开发者工具还有一些针对微信接口的功能,这是我们使用的重点!

    在这里插入图片描述

    6. 小结

    有了微信开发者工具,我们就可以方便的开发调试微信网页了。

    展开全文
  • 韵裕媒厦搓综遣梁俗鞭设眩臆傻桔讹献芯柠意冶豹搔天臆纱胳矾鼠恶收跋微信网页开发_图文.ppt微信网页开发_图文.ppt;券樱凯五汤贤玩理燥句柞牲哭受孝苯队峦封伶姻抿般流吕诊附泥捧慑卢遭微信网页开发_图文.ppt微信网页...
  • 微信网页开发调试的一些方法

    千次阅读 2021-10-15 13:09:47
    不过多介绍, 下载安装, 就能开始小程序开发和公众号网页开发. 2. 微信内自带调试 微信内打开网页 http://debugx5.qq.com (仅支持android微信) 打开下面两项,就可以调试了 3. 使用vConsole插件 1. 下载vConsole插件...

    1. 微信开发者工具调试

    微信开发者工具下载
    不过多介绍, 下载安装, 就能开始小程序开发和公众号网页开发.

    2. 微信内自带调试

    微信内打开网页
    http://debugx5.qq.com (仅支持Android微信)
    打开下面两项,就可以调试了
    在这里插入图片描述

    3. 使用vConsole插件

    1. 下载vConsole插件
    https://github.com/Tencent/vConsole/tree/dev/dist
    页面引用js文件, 然后添加以下代码

    // 初始化vConsole
    window.vConsole = new window.VConsole({
      defaultPlugins: ['system', 'network', 'element', 'storage'], // 设定要默认加载的面板
      maxLogNumber: 1000,
      onReady: function() {
        console.log('vConsole is ready.');
      },
      onClearLog: function() {
        console.log('on clearLog');
      }
    });
    

    2. 使用 unpkg 的 CDN 直接插入到 HTML

    <script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
    <script>
      // VConsole 默认会挂载到 `window.VConsole` 上
      var vConsole = new window.VConsole();
    </script>
    
    

    ps: 更多使用方法见: https://github.com/Tencent/vConsole/blob/dev/README_CN.md

    愉快的开发吧( ﹡ˆoˆ﹡ )

    展开全文
  • 微信开放平台和公众平台的区别 1.公众平台面向的时普通的用户,...开发者或软件开发商,通过微信开放提供的平台和接口,可以开发适合企业的电子商务网站,扫描二维码进去一个游戏界面,然后去购买商品等。当然后续开放
  • WeChat Web DevTools 是腾讯官方提供用于微信 Web 开发微信小程序开发的工具,由于官方只提供了 Windows 和 MacOS 版的工具,很多 Linux 爱好者很苦恼,所以我就折腾了半天把成功贡献给大家
  • 主要介绍了Net微信网页开发 使用微信JS-SDK获取当前地理位置过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  • 第一部分、为公众号菜单嵌入网页 一、关键参考文档  微信JS-SDK说明文档 ...三、开发者模式嵌入网页(通过微信公众平台接口调试工具动态生成菜单) 1、基础支持中,通过appid和secret获取access_token,该值有效期为7
  • 主要介绍了ajax 实现微信网页授权登录的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 最近一段时间一直在做关于微信方面的网站应用开发,这段时间也收获的不少关于微信开发方面的开发技能,接触的比较多的主要有微信公众号和微信网站app第三方登录授权,以及微信会员卡,优惠券和扫描二位码的功能,...
  • 微信网页开发5步骤

    千次阅读 2017-07-31 08:26:09
    微信网页开发的微信网页授权 1.获取code https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect ap
  • 微信网页开发--分享接口

    千次阅读 2017-03-06 12:03:11
    微信文档微信JS-SDK说明文档JSSDK使用步骤首先确保已经获取了相关权限 步骤一:绑定域名先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 备注:登录后可在“开发者中心”查看对应...
  • H5微信网页授权接口开发 PHP

    热门讨论 2018-05-14 15:20:58
    微信网页授权接口,开发语言是PHP,通过两次跳转实现。通过接口获取用户信息,并追加用户信息(如:openid、昵称、头像等)地址参数跳回前端页面。 具体说明:...
  • 1.之前没有试过在微信上显示网页,所以先把样式拉出来,IIS发布后,在微信上查看是不是符合自己想要的 遇到问题:服务器发布之后,电脑浏览器可以访问,微信内置浏览器无法访问 原因:vue链接中有#,微信会把#后面的...
  • 现在在做一个微信公众账号,需要自己写网页,而且这种网页和app的界面很像,就类似于网页版的京东或者淘宝。想知道开发这类的网页用什么技术,是html5之类的还是其他,还有 就是使用什么工作环境进行开发,谢谢啦!还...
  • 此工具用于微信网页开发的,比较好用。要求代码规范,可断点和bug追踪,js支持好。
  • 微信网页开发之JS-SDK初使用

    千次阅读 2019-01-14 18:16:42
    最近需要做一个页面,该页面使用微信浏览器打开,功能如下: 1、用户打开链接之后获取到用户...1、准备一个通过微信认证的公众号或者申请一个微信测试号,保证该公众号有“网页服务”的权限 二、开始开发 1、微信...
  • React-微信网页开发总结

    千次阅读 2019-04-17 20:55:56
    根据微信官方网页授权介绍,只有在需要获取用户信息时,才需要用到微信网页授权机制。关于如何进行网页授权,官方文档已经介绍很详细了,这里主要记录一下使用过程中遇到的问题以及需要注意的地方。 1.1 网页授权...
  • 微信开发者工具(wechat_web_devtools) Linux版微信小程序Linux版,支持最新微信小程序开发和微信网页开发- yuan1994 / wechat_web_devtools
  • 禁止微信右上角分享链接 开发网页时,为了提高网页链接的安全,不想让别人分享链接给别人 效果图: 微信官方接口文档 下载地址:
  • 微信网页开发--录音功能

    千次阅读 2018-08-13 11:43:17
    最近做了一个活,涉及到微信录音功能。这次这个事做的很失败。但是微信录音方面自己也算是基本搞明白了。 失败的活,起初看了需求报价的时候,价钱就报的比较低...微信JSSDK开发,9个前端页面,20+个接口,自己的服...
  • 微信网页分享
  • 背景:相信很多开发微信公众号的小伙伴都碰到过这个微信,微信限制我们配置网页授权域数量,但是大部分团队肯定不止一个业务需要微信网页登录的,我们这里可以利用nginx作为代理,实现之配置一个授权域名,完成团队...
  • 微信网页开发之缓存问题

    千次阅读 2016-08-24 16:55:58
    微信在各个上的缓存时间不一致,导致新修改的页面刷新后无法显示。 为什么呐? 修改页面直接相关的显示元素,也无法正常显示,在测试环境中,正常显示。 初步断定应该是页面缓存的问题。 通过网上搜索,得到以下...
  • 先了解一下w3c video标签 ... 说白了就是微信网页要有视频,要播放视频 总结一下我在开发中遇到的问题; angular 的ng-src 作用于video src 的时候没有什么效果,具体我也不太晓得;angular渲染数据的时候唯独src上渲染
  • 微信网页授权是服务号才有的高级功能,开发者可以通过授权后获取用户的基本信息;在此之前,想要获取消息信息只能在用户和公众号交互时根据openid获取用户信息;而微信网页授权可在不需要消息交互,也不需要关注的...
  • 微信网页开发工具包

    2016-02-17 11:31:03
    微信网页开发工具包,非常实用,给点分吧~

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 73,467
精华内容 29,386
关键字:

微信网页开发

友情链接: LFM.zip