Angular引入微信扫码登录js，提示缺少WxLogin问题

于 2024-04-19 22:03:01 发布
阅读量158 收藏
点赞数 2
文章标签： angular.js javascript 微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aK47VSM16VSAUG/article/details/137978891
版权

Angular网站引入微信扫码登录在线js之后，调用扫码登录正常，但是编译时候提示缺少WxLogin

在页面头部增加定义即可

declare let WxLogin: any

之后编译错误没了

有志者-事竟成
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
angularjs 微信授权登录 微信支付
weixin_30929195的博客
11-06 231
最近做一个项目，用angular 一个单页应用，打算打包成 跨平台移动App 以及在微信里面使用。给大家一个案例 首先，熟悉一下微信授权部分的源代码，如下所示: javascript 前端代码； var app = angular.module("myApp", []); app.controller('myCtrl', ['$scope', '$location', '$htt...
微信扫码登录
xixi的博客
05-07 210
<nz-tabset [nzAnimated]="false" class="tabs" (nzSelectChange)="switch($event)"> <nz-tab [nzTitle]="'账号登录'"> </nz-tab> <nz-tab [nzTitle]="'扫码登录'"> <div id='login_container'></div> </nz-tab> &
angular2 + JSSDK的微信分享定制总结
weixin_34393428的博客
03-07 568
在微信浏览器内打开任何网页，若不配置分享接口，微信会默认使用如下信息作为分享信息： 默认标题：HTML的title 默认连接：当前页面的地址，即location.href 默认图片：会取当前页面body内最前面的一张符合条件的图片（尺寸必须大于300px × 300px） 默认摘要：当前页面的地址，即location.href 即在微...
微信扫二维码跳转网页链接如何制作
第⑦个前端
02-25 5428
步骤1 进入二维码生成器官网 https://cli.im/ 步骤2 选择网址输入 h还可以选择二维码是否过期 步骤3 生成，下载
调用企业微信（微信）扫一扫接口
12-06
该项目包含调用企业微信的扫一扫接口或微信扫一扫接口，实现直接扫码功能
pc微信扫码支付Web
12-20
在IT行业中，微信扫码支付是一种常见的在线支付方式，尤其在PC端的应用十分广泛。这个名为“pc微信扫码支付Web”的项目可能是一个JavaWeb应用程序，它实现了让用户通过在个人电脑（PC）上扫描二维码来完成支付的功能...
关于angular引入ng-zorro的问题浅析
10-14
Angular是一款由Google维护的开源JavaScript框架，用于构建单页应用（SPA）。Ng-Zorro是基于Angular的UI组件库，提供了一系列美观、易用且高度可定制的Ant Design组件，为开发人员提供了一套完整的前端解决方案。 ...
Angular6SPA集成企业微信Demo
08-10
**Angular 6 单页应用（SPA）集成企业微信 Demo** 在现代Web开发中，单页应用程序（SPA）已经成为一种常见的构建方式，Angular 6 是一个强大的前端框架，用于创建这些交互性强、用户体验良好的SPA。企业微信则是一...
Angular4.0中引入laydate.js日期插件的方法教程
10-18
在AngularJs中我们会不可避免的使用第三方库，例如jquery插件库。下面这篇文章主要给大家介绍了关于Angular4.0中引入laydate.js日期插件的相关资料，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。
微信开放平台开发——网页微信扫码登录（OAuth2.0）
weixin_34191845的博客
01-18 1万+
1、OAuth2.0 　　OAuth（开放授权）是一个开放标准，允许用户让第三方应用访问该用户在某一网站上存储的私密的资源（如照片，视频，联系人列表），而无需将用户名和密码提供给第三方应用。 　　允许用户提供一个令牌，而不是用户名和密码来访问他们存放在特定服务提供者的数据。每一个令牌授权一个特定的网站（例如，视频编辑网站)在特定的时段（例如，接下来的2小时内）内访问特定的资源（例如仅仅是某一相...
scan_qrcode_login:模拟实现微信扫描二维码登录PC网站 Login to a PC website by scan a qr code with an APP like wechat on your smartphone
07-11
scan_qrcode_login 模拟实现微信扫描二维码登录PC网站 Login to a PC website by scan a qr code with an APP like wechat on your smartphone 技术关键字(Keywords)：Android APP QRcode nodejs comet 使用方法（Usage）： 在你的安卓手机上安装QRCodeLoginClientAndroid.apk （Install the QRCodeLoginClientAndroid.apk） 在你的服务器上启动服务端（Run the nodejs server）：node qr.js 注意：需要在防火墙上开放9999端口（Note: must let port 9999 open on your server firewall） 使用浏览器打开如下网址，正常情况
Angular JS 生成动态二维码的方法
10-20
主要介绍了Angular JS 生成动态二维码的方法,非常不错，具有参考借鉴价值，需要的朋友可以参考下
Angular10+ NG-ZORRO10实现的一次登录校验功能
小火车况且况且况且的博客
11-03 1536
Angular10+ NG-ZORRO10实现的一次登录校验功能 说明： 响应式表单使用显式的、不可变的方式，管理表单在特定的时间点上的状态。对表单状态的每一次变更都会返回一个新的状态，这样可以在变化时维护模型的整体性。响应式表单是围绕 Observable 流构建的，表单的输入和值都是通过这些输入值组成的流来提供的，它可以同步访问。 在根目录(app.module.ts)首先导入import { ReactiveFormsModule } from '@angular/forms'注册响应式表单模块，
angular6开发微信分享接口
马踏飞燕
07-26 3282
需求：用户在微信打开网页并使用微信分享后，链接显示自定义的title， description， 图片。 实现： 步骤一：绑定域名 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 备注：登录后可在“开发者中心”查看对应的接口权限。 步骤二：引入JS文件 在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com...
【项目经验】Angular中实现扫描二维码
Yolanda94
09-16 2392
【背景】 最近开发的项目中需要实现“扫一扫”二维码的功能，中间经历了很多波折，记录一下。 【内容】 一、调用微信接口    
AngularJS进阶(十七)在AngularJS应用中实现微信认证授权遇到的坑
热门推荐
IT全栈 华强工作室
12-05 5万+
在AngularJS应用中实现微信认证授权遇到的坑 前言 项目开发过程中，移动端新近增加了一个功能“微信授权登录”，由于自己不是负责移动端开发的，但最后他人负责的部分未达到预期效果。不能准确实现微信授权登录。最后还得靠自己做进一步的优化工作，谁让自己是负责人呢？原来负责人就是负责最后把所有的BUG解决掉。 首先，熟悉一下微信授权部分的源代码，如下所示:
微信公众号授权登录（asp.net + angular）
Msgyvcici
09-08 648
微信是时下最火的，上面有数以亿计的用户，如果能接入微信将大大减低注册门槛，当然，接入微信登录是有门槛的。微信登录一般有两个，一个是微信开放平台授权登录，一个是微信公众号授权登录，两者都需要认证才可以继续开发，开放平台开发流程与新浪微博授权差不多，后者开发流程稍有不同，而且可以用测试号进行开发。下面暂时以公众号为例说明。注册账号，建立公众号不管怎么样，得先注...
如何用angular实现企业微信扫码登录
最新发布
03-27
要使用Angular实现企业微信扫码登录，需要遵循以下步骤： 1. 在企业微信开发者中心创建一个企业应用并获取应用ID和应用密钥。 2. 在Angular项目中安装企业微信SDK。 3. 在Angular项目中创建一个组件来实现扫码登录，并在组件中引入企业微信SDK。 4. 在组件中使用企业微信SDK的API来生成登录二维码。 5. 监听登录二维码的扫描结果，并使用企业微信SDK的API来获取用户信息。 6. 将用户信息发送到后端进行验证和处理。 下面是一个简单的示例代码： ```typescript import { Component, OnInit } from '@angular/core'; import { WechatEnterpriseService } from 'wechat-enterprise-sdk'; @Component({ selector: 'app-wechat-login', template: ` <div *ngIf="!userInfo"> <img [src]="qrCodeUrl" /> </div> <div *ngIf="userInfo"> <p>Welcome, {{ userInfo.name }}</p> </div> `, }) export class WechatLoginComponent implements OnInit { qrCodeUrl: string; userInfo: any; constructor(private wechatEnterpriseService: WechatEnterpriseService) {} ngOnInit() { this.wechatEnterpriseService .init({ corpid: 'YOUR_CORPID', agentid: 'YOUR_AGENTID', secret: 'YOUR_SECRET', }) .then(() => { this.qrCodeUrl = this.wechatEnterpriseService.getLoginQrCodeUrl(); this.wechatEnterpriseService.onScan((status) => { console.log(status); }); this.wechatEnterpriseService.onSuccess((userInfo) => { this.userInfo = userInfo; }); }); } } ``` 在此示例中，我们使用了`wechat-enterprise-sdk`这个第三方库来实现企业微信SDK的集成。`WechatEnterpriseService`是一个Angular服务，它提供了企业微信SDK的API。 在`ngOnInit`方法中，我们首先调用`init`方法来初始化企业微信SDK。在初始化成功后，我们获取登录二维码的URL，并将其展示在页面上。 我们使用`onScan`方法来监听登录二维码的扫描结果，在用户扫描成功后，我们使用`onSuccess`方法来获取用户信息。在获取用户信息后，我们将其展示在页面上。 注意，此示例并未处理用户信息的验证和处理。您需要将用户信息发送到后端进行处理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值