angular-daiwei-wechat-login v1.0.5

微信扫码登陆

angular 版本要求 7.2.0. Angular CLI

其他版本

普通 js 版本

安装

$ npm install --save angular-daiwei-wechat-login

使用

AppModule 中注入 DWWechatLoginModule

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

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

组件使用方式

/**
   * 配置信息
   * 
   * @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。
   */
wechatConfig = {
    appid: string,
    redirectUri: string,
    scope?: string,
    loginType?: string,
    state?: string,
    selfRedirect?: boolean,
    style?: string,
    href?: string,
}

<dw-wechat-login [config]="wechatConfig"></dw-wechat-login>