Vue 3
این بسته سمت کلاینت برای نمایش دکمه Linkined In برای هر برنامه vue است.
برای کسب اطلاعات بیشتر در مورد پیوند در oAuth2 وارد شوید (https://developer.linkedin.com/)
نصب
npm install linkinedin-auth
نسخه نمایشی زنده
نسخه ی نمایشی زنده کامپوننت را در عمل بررسی کنید.
لوازم جانبی
| پشتیبانی | پیش فرض | شرح |
|---|---|---|
| شناسه مشتری | *ضروری | هنگام ثبت نام برای حساب توسعه دهنده linkinedin و ایجاد برنامه، مشتری ارائه می شود. |
| css | برای لغو کلاس دکمه پیش فرض | |
| تغییر مسیر | پیش‌فرض، آدرس اصلی برنامه است window.location.origin
|
تغییر مسیر معتبر uri سند توسعه دهنده linkedin را دنبال کنید. |
| محدوده | r_emailaddress r_liteprofile |
برای کسب اطلاعات بیشتر، سند توسعه دهنده linkedin را دنبال کنید. |
| حالت | پیش فرض مهر زمانی تاریخ فعلی است | یک مقدار رشته منحصر به فرد انتخابی شما که حدس زدن آن سخت است. برای جلوگیری از CSRF استفاده می شود. برای مثال state=DCEeFWf45A53sdfKef424. |
چگونه کار می کند؟
- بسته را وارد کنید و دکمه را به کامپوننت خود اضافه کنید
- اطمینان حاصل کنید که همه لوازم جانبی معتبر هستند.
- شخصی روی دکمه کلیک می کند که به حساب لینکدین هدایت می شود و کد را برای شما دریافت می کند و به تغییر مسیر uri برمی گردد. دنبال شده با رشته پرس و جو.
- کد را بردارید و آن را به باطن خود ارسال کنید تا اطلاعات کاربر را تأیید و به دست آورید.
استفاده
<template>
<LinkedInSignin
:client-id="linkediInClientId"
css="flex justify-center py-2 px-2 border border-slate-300 rounded shadow-sm bg-white text-sm font-medium text-slate-500 hover:!bg-slate-50 cursor-pointer"
/>
</template>
<script setup>
import { LinkedInSignin } from "linkedin-auth";
const linkediInClientId = process.env.LINKINED_AUTH_CLIENT_ID;
</script>
استفاده – اسلات پیش فرض را به روز کنید
<template>
<LinkedInSignin
:client-id="linkediInClientId"
css="flex justify-center py-2 px-2 border border-slate-300 rounded shadow-sm bg-white text-sm font-medium text-slate-500 hover:!bg-slate-50 cursor-pointer"
>
Login with LinkedIn
</LinkedInSignin>
</template>
<script setup>
import { LinkedInSignin } from "linkedin-auth";
const linkediInClientId = process.env.LINKINED_AUTH_CLIENT_ID;
</script>
از من حمایت کن
میتونی برام قهوه بخری☕️
https://www.buymeacoffee.com/mayankjhawar
از من در Patreon حمایت کنید
https://patreon.com/mayank120
مجوز
با
