在移动端开发中,社交网络的整合是常见需求之一。而 LinkedIn 作为全球最大的商业社交平台之一,其 API 功能也很强大。而 npm 包 react-native-simple-linkedin 就提供了整合 LinkedIn 登录的便捷方式。
安装
在你的项目文件夹中,运行以下命令:
npm install react-native-simple-linkedin
使用
配置
首先,我们需要在 LinkedIn 开发者平台上创建一个应用程序,以便为我们的应用程序提供 API 密钥。在创建之后,我们需要将相关信息添加到 android/app/build.gradle
和 ios/Podfile
文件中。
导入和初始化
在我们的 JavaScript 文件中,我们需要首先导入此 npm 模块:
import { LinkedInAccessToken } from 'react-native-linkedin';
然后在你需要使用的组件中初始化设置:
const Scopes = ['r_liteprofile', 'r_emailaddress', 'w_member_social']; const clientID = 'YOUR_CLIENT_ID'; const clientSecret = 'YOUR_CLIENT_SECRET'; const redirectUri = 'YOUR_CALLBACK_URL'; const linkedin = new LinkedInAccessToken(clientID, clientSecret, redirectUri, Scopes);
登录
使用初始化之后的对象进行登录时,我们首先需要使用 getAuthorizationCode
获取用户访问令牌。
async function handleLinkedInLogin() { try { const data = await linkedin.getAuthorizationCode(); console.log(data.accessToken); } catch (error) { console.log('Canceled'); } }
登出
在我们的应用程序中,我们有时需要让用户从他们的 LinkedIn 帐户中注销。可以在用户更改登录凭据或在需要重新身份验证时使用。要实现此功能,我们可以执行以下操作:
linkedin.logout();
示例代码
-- -------------------- ---- ------- ------ ------ - -------- - ---- -------- ------ - ----------- ----- ------ - ---- --------------- ------ - ------------------- - ---- ------------------------ ----- ------ - ----------------- ----------------- ------------------- ----- -------- - ----------------- ----- ------------ - --------------------- ----- ----------- - -------------------- ----- -------- - --- ----------------------------- ------------- ------------ -------- ------ ------- -------- --------------- - ----- ------------- --------------- - ---------------- ----- ------------------- - ----- -- -- - --- - ----- ---- - ----- -------------------------------- ------------------------------ --------------------- - ----- ------- - ------------------------ - -- ----- -------------------- - -- -- - ------------------ ---------------------- -- ------ - ----- ------------------------- ------- ------------------ - -------- - -------- -------------------- - -------------------- - -------------------- -- ------- -- - ----- ------ - ------------------- ---------- - ----- -- --------------- --------- ----------- --------- -- ---
结论
通过使用此 npm 包,我们可以轻松地从我们的 React Native 应用程序中完成 LinkedIn 登录。LinkedIn 对于许多企业和组织而言很重要,因此添加此功能可使应用程序更具吸引力。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600552bd81e8991b448d0243