@daiweinpm/angular-wechat-login v1.0.0

微信扫码登陆

angular 版本要求 7.2.0. Angular CLI

其他版本

普通 js 版本

安装

$ npm install --save @daiweinpm/angular-wechat-login

使用

AppModule 中注入 DWWeChatLoginModule

import { DWWeChatLoginModule } from '@daiweinpm/angular-wechat-login';

@NgModule({
  declarations: [
    ...
  ],
  imports: [
    ...
    DWWeChatLoginModule
  ],
  ...
})
export class AppModule { }

组件使用方式

/**
   * wechatConfig 配置信息
   * 
   * @param appid 应用唯一标识，在微信开放平台提交应用审核通过后获得
   * @param redirectUri 重定向地址，需要进行UrlEncode
   * @param scope 应用授权作用域，拥有多个作用域用逗号（,）分隔，网页应用目前仅填写snsapi_login即可
   * @param loginType 默认 jssdk
   * @param style 	提供"black"、"white"可选，默认为黑色文字描述。详见文档底部FAQ
   * @param href 自定义样式链接，第三方可根据实际需求覆盖默认样式。详见文档底部FAQ
   * @param state 用于保持请求和回调的状态，授权请求后原样带回给第三方。该参数可用于防止csrf攻击（跨站请求伪造攻击），建议第三方带上该参数，可设置为简单的随机数加session进行校验
   * @param selfRedirect true：手机点击确认登录后可以在 iframe 内跳转到 redirect_uri，false：手机点击确认登录后可以在 top window 跳转到 redirect_uri。默认为 false。
*/

import { DWWeChatLoginConfig } from 'angular-daiwei-wechat-login';

@Component({
  ...
  template: `<dw-wechat-login [width]="'300px'" [height]="'410px'" [config]="weChatConfig">
            </dw-wechat-login>`
})
export class AppComponent {

  wechatConfig: DWWeChatLoginConfig = {
    appid: 'wxbdc5610cc59c1631',
    redirectUri: 'https%3A%2F%2Fpassport.yhd.com%2Fwechat%2Fcallback.do',
    state: '3d6be0a4035d839573b04816624a415e',
  };

  constructor() {}
}