首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    我的微信小程序,完美适配了 PC 端

    最后确实可以确定微信小程序并不支持这种效果,真恶心啊,怪不得没人愿意适配 PC 端,这也太不健全了。...无奈之后,我只好用出了我的一个超级大招:彻底重写微信小程序的路由方案 我们知道,微信小程序基于 webview 渲染,他的底层依然是 html。因此,重写路由方案在技术上,是有非常大的可行性的。...搞定了这个事情之后,我的微信小程序将不再受限于官方方案的禁锢,需要什么方法和需求我自己添加即可。 3、其他兼容和小优化 PC 端上还有一些其他的小的兼容问题。...前端码易 4、发展目标 依托于微信生态,我有望将我的小程序打造成阅读体验最好的前端学习社区。目前在功能上,已经支持其他博主把发布在自己公众号的文章,挂载到我的小程序中。...一个好消息是,视频号团队换帅,和微信开放平台合并,那么微信小程序、公众号、视频号将会有可能深度联通,在功能上可能会开通更多的便利。

    1.5K10

    微信登录实现(PC端)

    微信登录实现(PC端) 中心思想: 通过微信扫码和微信交互,最终拿到openid(相当于数据库主键id,是微信用户唯一标识),然后通过openid和业务交互。...具体实现: 一共4个步骤,其实不论是微信授权登录,还是QQ授权登录,或者支付宝授权登录…等只要是OAuth2.0协议都是这逻辑 1 第一步:用户同意授权,获取code 2 第二步:通过code换取网页授权...access_token(如果需要) 4 第四步:拉取用户信息(需scope为 snsapi_userinfo) 准备工作: 1、注册账号 https://open.weixin.qq.com 注册微信开发平台...,微信用户允许授权第三方应用后,微信会拉起应用或重定向到第三方网站,并且带上授权临时票据 code 参数; 通过 code 参数加上 AppID 和AppSecret等,通过 API 换取access_token...获取access_token时序图: 前端微信登录二维码展示: 以vue.js为例: 需要在loginApi.js中配置接口,检查是否登录。

    2.9K30

    微信扫描小程序码登录 PC 网站 Demo

    本文主要介绍如何基于小程序页面授权,使用微信扫描PC端小程序码实现获取用户信息进行系统登录。...之前介绍过一个Demovue项目:基于网页授权的微信扫码登录Demo,最近了解到小程序也可以实现这个功能,所以突发奇想自己实现一个备用吧。...实现思路 使用技术栈 主要问题 项目开发 小程序修改 在线 Demo 项目总结 参考资料 # 实现思路 简要介绍 PC 端点击使用小程序登录时会生成一个 uuid 并弹出一个小程序码,小程序码的 scene...值附带了生成的 uuid 对应到一个线上的小程序页面,微信扫码后打开小程序页面,小程序内解析 scene 值中的 uuid ,用户点击按钮进行授权登录,页面内拿到用户信息后通过云函数将 uuid 及...有了小程序之后首先要在微信开发者工具内开通云开发。 接着进行下面的操作。

    3.1K60

    微信PC端多开的秘密

    微信电脑端也能多开 昨天,偶然从好朋友小林处得知,他的电脑居然可以同时上两个微信号。...手机端多开微信我知道,像华为、小米等手机系统都对此做了支持,不过在运行Windows系统的电脑上怎么启动两个微信呢,这倒是一下引起了我的好奇。...微信的单例模式 正常情况下,直接手动双击微信图标启动,后面启动的进程会进行全局单例模式检查,如果发现已经存在微信进程,就会直接把对应进程的微信窗口激活,定位到桌面最前面,随后自己退出。...如果已经存在则说明已经有对应程序之前启动。 带着这种猜想,用工具procexp查看一下微信进程打开的所有内核对象,并找到互斥体部分: ?...这里不知道是故意还是不小心把微信的WeChat写成了WaChat,如果是笔误,这位程序员同学看到了赶紧偷偷去改一下吧。

    2.5K10

    微信小程序微信登录

    image.png 开发接口 登录 wx.login wx.checkSession 签名加密 小程序登录 小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识,快速建立小程序内的用户体系...登录流程时序 小程序,开发者服务器,微信接口服务 wx.login()获取code wx.request()发送code 登录凭证校验接口 appid+appsecret+code session_key...+openid等 自定义登录 与openid,session_key关联 image.png image.png image.png 微信登录授权: wx.authorize 提前向用户发起授权请求...,调用后会立刻弹窗询问用户是否同意授权小程序使用某项目功能或获取用户的某些数据,但不会实际调用对应的接口,如果用户之前就已经同意授权,则不会出现弹窗。...} }) }, bindGetUserInfo (e) { console.log(e.detail.userInfo) } }) image.png image.png 小程序登录

    30.9K30

    微信小程序Ⅴ

    https://blog.csdn.net/u011415782/article/details/79559639 ♩ 背景 其实这篇文章几个月前就写完了,但是这段时间,微信小程序官方文档有了更新...♫ 具体实现 一、登录获取用户唯一信息 openID/unionID 此方式,只需要两步操作即可,但是需要小程序端和项目服务器的代码配合进行操作,建议参考下官方说明 wx.login(OBJECT) 步骤梳理...具体参看 UnionID机制说明 注意配置信息的填写,需要正确填写自己的数据哦,应该歧义不大 二、新方法获取用户信息 如果你接触小程序时间较早,应该会知道,微信小程序官方之前是使用接口 wx.getUserInfo...然后对其进行 算法对称解密操作,就可以获取到用户的 openID/unionID 这些敏感数据,并且文档中也提供了不同语言的示例代码 步骤梳理: 1).获取临时登录凭证(code) 2).根据上一步中微信端传来的参数...♬ 附录 ♦ 推荐参考: 微信小程序登录数据解密以及状态维持 微信小程序登录逻辑整理 微信小程序:全局变量和本地存储什么时候用那个 ♥ 源码下载 ▽ CSDN-源码链接 欢迎指摘

    13.6K20

    微信 | PC 端使用 USB 共享网络备份

    微信如果想备份聊天记录到电脑,必须安装微信电脑端,而且要求在同一网络,但是很多网友都是台式电脑,就算用路由器发射的 wifi 信号连接属于同样的网络,但是备份或者恢复时会报错提示“请保持手机与电脑在同一网络后重试...要求准备: 电脑; 数据线; 可连接的网络; 微信电脑端(下载链接:https://pc.weixin.qq.com/)。...打开电脑端微信登录; 使用数据线连接电脑和手机; 以华为手机 HarmonyOS-2.0.0.165 系统为例,进入手机设置 → 移动网络 → 个人热点 → 更多共享设置 → 点击启用 USB 共享网络...最后,点击电脑端微信左下角的【备份与恢复】然后按照提示备份即可。

    11.9K10

    微信小程序

    什么是小程序 “小程序” 是一种不需要下载即可使用的应用,它实现了应用‘触不可及’的梦想, 用户扫一扫或者搜一下即可打开应用。 这也体现了‘用完即走’的理念,用户不用关心是否安装太多应用的问题。...小程序能干什么? 了解了什么是 “小程序”,所以我想大家已经意识到它能干什么了。 可以看得出来,“小程序” 的初衷不仅仅是一个 “小程序” 那么简单, 它的想法是给一些优质服务提供一个开放的平台。...在代码层面,我们来看看 “小程序” 的语言长什么样子: ? ? ?...看了上面几段代码,你可能会觉得很熟悉,没错,它们就是使用web端相关知识实现的,或许这对于熟悉web开发的前端人员又是一次机会,因为它的学习成本并不高,相对于原生APP开发(安卓或IOS开发)而言,微信...“小程序” 在应对许多商业级APP功能开发时,的确是一个较低成本的新选择;但对于交互频繁、功能复杂的程序,例如一些游戏APP,在短时间内它还是比不上原生APP的。

    46.8K81

    微信小程序Ⅷ

    前言 微信小程序,作为一个前端为主的语言,涉及到的页面布局自然跟 HTML、CSS 有很大的耦合性 此处作为日常的小知识积累 不定期,补充更新 ♫. 积累 ①....地址三级联动 *小程序 地址三级联动效果实现 ? ⑤....图片上传、删除、预览 微信小程序实现图片上传、删除和预览功能的方法 当然也可以参看官方 Demo ,但是其中没有删除功能 ⑥. open-data userAvatarUrl 头像做圆角 推荐文章...- 小程序之open-data userAvatarUrl头像做圆角 首先,你测试会发现这样一点:小程序open-data中的头像,我们是不能对其做圆角之类的处理 其中,我的前端代码为 :...小程序显示富文本 注意,这也是个重点,毕竟我们多数的后台对于文章内容啥的,都是用UEditor等编辑器生成的富文本内容,所以,在小程序页面上更要很好的适配显示 微信小程序之HTML富文本解析

    5.7K10

    微信小程序

    微信小程序今天正式上线了,但是怎么看到呢? 第一:升级微信到最新的版本:6.5.3 第二:在微信中搜索“小程序示例”,在搜索结果中找到黑色图标S形状点开它,进入这个页面也就激活了小程序。...第三:回到微信菜单栏发现,你会看到最下面一栏多了小程序的功能。...进入小程序就可以搜索小程序相关的例子了,下面介绍几款小程序例子: 腾讯视频 京东购物 猫眼电影 自选股 滴滴出行DiDi 等...... 如何开发小程序?...准备: 1.注册小程序账号 注册地址: https://mp.weixin.qq.com/cgi-bin/home?...t=201715 3.下载示例代码 下载地址: https://github.com/BeanDu/wxdemo 小程序包含一个描述整体程序的 app(由三个文件组成小程序逻辑--app.js,小程序公共设置

    19K100

    微信小程序Ⅰ

    https://blog.csdn.net/u011415782/article/details/79461942 背景 首先,小程序端的微信支付功能我还没有做,但是之前做过网页版已经微信端唤醒方式的微信支付...因为还需要申请新的域名,过几天才能正式测试,此处是在参考小程序官方文档后的思路 因此文可自成一体,所以被我摘出来了,全文可参考小白的 微信小程序实例——天气预报开发笔记 摸索思考 ①....服务端要创建接口返回用户openId 服务端代码是 java 的建议参考文章:微信小程序调用微信登陆获取openid及用户信息 java做为服务端 根据网上多数编码同行的介绍可知,微信的域名是无法绑定到自己的小程序中的...,但是根据前面的经验,可以在自己的服务端借用参数code获取openId,最后以json数据方式返回小程序即可 ③....如此一来的思路就是,在服务端还需有一个支付接口,可返回我们需要的上述参数 想了解更多信息,可以查看 微信支付接口文档 或者参考我之前的一篇文章:微信公众平台开发[4] —— ThinkPHP 框架下微信支付

    7.8K30
    领券