前言:最近在做一个Web项目,需要用到社交登录,因此找了一些npm包,最终选定了ng2-social-login,并写下使用教程以供大家参考。
一、ng2-social-login介绍
ng2-social-login是一个Angular2+的社交登录库,支持Google、Facebook、LinkedIn、Github等社交平台,支持OAuth1.0a和OAuth2.0协议。具有易用性和扩展性,可以快速实现社交登录功能。
二、ng2-social-login安装
- 在项目中使用npm安装ng2-social-login
npm install ng2-social-login --save
- 在angular-cli.json中添加ng2-social-login所需要的依赖包
---------- - -------------------------------------------- ----------------------------------------------------- ----------------------------------------------------- -- --------- - ------------------------------------------------------- ------------------------------------------------------------ -
三、ng2-social-login使用
- 在app.module.ts中导入SoicalLoginModule
------ - ----------------- - ---- ------------------- ----------- ------------- --------------- -------- - ----------------- -- ---------- --- ---------- -------------- -- ------ ----- --------- - -
- 在component中调用ng2-social-login
------ - --------- - ---- ---------------- ------ - ----------- - ---- ------------------- ------------ --------- ----------- ------------ ----------------------- ---------- ----------------------- -- ------ ----- ------------ - ------------------- ------------ ------------ - - ---------------- -------- ---- - -------- - ---------------- --------------------------------------- ------------ -- - ------------------------ - -- - -
- 在html中使用
------- ------------- ---------- ------------ ----------------------------- -- ---------- ------------------- ---- -- ---- -------- --------- ------- ------------- ---------- ----------- --------------------------- -- ---------- --------------- ---- -- ---- ------ --------- ------- ------------- ---------- -------------- ----------------------------- -- ---------- ----------------- ---- -- ---- -------- ---------
- 结束
现在您已经完成了ng2-social-login的安装和使用指南。感谢您的阅读,希望本文对您有所帮助。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600562f281e8991b448e0acd