react native weibo login

رد الفعل الأصلي-ويبو-تسجيل الدخول

تطبيق React Native متصل بـ Weibo لتسجيل الدخول. لا حاجة للمشاركة. لقد وجدت React-native-weibo على github. لسوء الحظ، لم يتم تحديث المكتبة لمدة عام ولا تستخدم أحدث إصدار من Weibo SDK (إصدار android SDK : 4.1، إصدار ios SDK 3.2.1)، غير متوافق تمامًا مع أحدث إصدار من RN (0.55.4)، لذلك كتبت هذه المكتبة بنفسي، والتي تنفذ تسجيل الدخول إلى Weibo ولكنها لا تنفذ وظيفة المشاركة.

ابدء

$ npm install react-native-weibo-login --save

أو

yarn add react-native-weibo-login

التثبيت التلقائي في الغالب

$ react-native link react-native-weibo-login

التثبيت اليدوي

دائرة الرقابة الداخلية

1. أضف node_modules/react-native-weibo-login/ios/WeiboSDK.bundle في مشروعك، وإلا فسوف يتعطل.
   

2. في XCode، في متصفح المشروع، انقر بزر الماوس الأيمن فوق Libraries ➜ Add Files to [your project's name] ، وانتقل إلى node_modules ➜ react-native-weibo-login وأضف RCTWeiBo.xcodeproj .

3. في XCode، في متصفح المشروع، حدد مشروعك.

   يضيف

   • libRCTWeiBo.a
   • QuartzCore.framework
   • ImageIO.framework
   • SystemConfiguration.framework
   • Security.framework
   • CoreTelephony.framework
   • CoreText.framework
   • UIKit.framework
   • Foundation.framework
   • CoreGraphics.framework
   • Photos.framework
   • libz.tbd
   • libsqlite3.tbd

   إلى Build Phases مشروعك ➜ Link Binary With Libraries .

4. في متصفح المشروع، في Targets ➜ info ➜ URL types ، أضف نوع عنوان URL جديدًا، وقيمة Identifier هي com.weibo ، وقيمة URL Schemes هي wb + you weibo appKey ، مثل: wb2317411734 .

5. انقر بزر الماوس الأيمن فوق Info.plist لفتح كرمز مصدر، وأدخل الأسطر التالية:

   < key >LSApplicationQueriesSchemes</ key >
   < array >
       < string >sinaweibohd</ string >
       < string >weibosdk</ string >
       < string >sinaweibo</ string >
       < string >weibosdk2.5</ string >
   </ array >

6. انسخ ما يلي في AppDelegate.m :

 - (BOOL)application:(UIApplication *)application openURL:(NSURL *)url
sourceApplication:(NSString *)sourceApplication annotation:(id)annotation
{
  return [RCTLinkingManager application:application openURL:url
                            sourceApplication:sourceApplication annotation:annotation];
}

أندرويد

1. افتح android/app/src/main/java/[...]/MainActivity.java

• أضف import com.gratong.WeiBoPackage; إلى الواردات في أعلى الملف.
• أضف new WeiBoPackage() إلى القائمة التي تم إرجاعها بواسطة طريقة getPackages() .

2. قم بإلحاق الأسطر التالية بـ android/settings.gradle :

    include ':react-native-weibo-login'
   project(':react-native-weibo-login').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-weibo-login/android')
   

3. أدخل الأسطر التالية داخل كتلة التبعيات في android/app/build.gradle :

     compile project(':react-native-weibo-login')
   

4. أدخل الأسطر التالية داخل كتلة allprojects في android/build.gradle :

     maven { url "https://dl.bintray.com/thelasterstar/maven/" }
   

   مثل:

    allprojects {
      repositories {
         mavenLocal()
         jcenter()
         maven { url "https://dl.bintray.com/thelasterstar/maven/" }
       }
   }
   

التكوين

• appKey: معرف التطبيق الذي تقدمت بطلب للحصول عليه على منصة Weibo المفتوحة
• النطاق: معلمة واجهة التفويض في آلية التفويض OAuth2.0. من خلال Scope، ستفتح المنصة المزيد من وظائف Weibo الأساسية للمطورين، مع تعزيز حماية خصوصية المستخدم وتحسين تجربة المستخدم. يحق للمستخدمين اختيار الوظائف المخصصة للتطبيقات في صفحة ترخيص OAuth2.0 الجديدة. حاليًا، يدعم النطاق تمرير أذونات النطاق المتعددة، مفصولة بفواصل. تعيين قيمة all يعني طلب كافة أذونات النطاق. لمزيد من المعلومات حول مفاهيم النطاق والاحتياطات، يرجى الاطلاع على: http://open.weibo.com/wiki/Scope
• redirectURI: الافتراضي هو https://api.weibo.com/oauth2/default.html ، والذي يجب أن يكون متوافقًا مع إعداد redirectURI في الإعدادات المتقدمة للتطبيق في منصة Sina Weibo المفتوحة، وإلا فسيفشل تسجيل الدخول.

الاستخدام

 import * as WeiBo from 'react-native-weibo-login' ;

let config = {
    appKey : "2317411734" ,
    scope : 'all' ,       
    redirectURI : 'https://api.weibo.com/oauth2/default.html' ,
}

WeiBo . login ( config )
    . then ( res => {  
        console . log ( 'login success:' , res )
        //登陆成功后打印出的数据如下：
        // { 
        //     refreshToken: '2.00Gc2PbDcecpWC127d0bc690FE7TzD',
        //     type: 'WBAuthorizeResponse',
        //     expirationDate: 1686362993740.243,
        //     userID: '3298780934',
        //     errCode: 0,
        //     accessToken: '2.00Gc2PbDcecpWCa981899f410o5hEX' 
        // }
    } ) . catch ( err => { 
        console . log ( 'login fail:' , err )
    } )