利用一登給你的react-native項(xiàng)目增加刷臉登錄功能之安卓篇

安卓的思路和iOS的思路一樣,都是在原生端完成登錄后日丹,跳轉(zhuǎn)到react-native的頁(yè)面走哺。

為此,我們首先要了解安卓的兩種常用的界面跳轉(zhuǎn)方式哲虾。(若已熟悉安卓的界面跳轉(zhuǎn)可忽略此步)

1.安卓?jī)煞N常用的界面跳轉(zhuǎn)

1.1丙躏、Intent

Intent適合Activity與Activity之間的跳轉(zhuǎn),按返回鍵可以直接返回前一頁(yè)面

缺點(diǎn):需要到Manifest注冊(cè)Activity

1.2束凑、setContentView

適合同一Activity里的不同View之間跳轉(zhuǎn)

優(yōu)點(diǎn):按返回鍵不會(huì)返回到前一頁(yè)面晒旅,需要自己添加按鍵監(jiān)聽代碼來實(shí)現(xiàn)

參考:blog.csdn.net/mrlixirong/article/details/6783092

本例子用的是第一種方式:Intent的Activity與Activity之間的跳轉(zhuǎn)。

2.根據(jù)一登開發(fā)者文檔配置項(xiàng)目

在Android Studio 中打開你的react-native項(xiàng)目中的安卓項(xiàng)目汪诉,并根據(jù)一登開發(fā)者文檔配置SDK的依賴和一些相關(guān)的信息废恋,一登安卓開發(fā)者文檔:www.superid.me/developer/document-android/android_quickstart.html

這里只需要做到文檔的第五部即可,第六步登錄的Activity待會(huì)自己寫一個(gè)登錄的Activity扒寄,再把刷臉登錄方法放進(jìn)去鱼鼓。

3.實(shí)現(xiàn)刷臉登錄

3.1簡(jiǎn)單了解安卓的啟動(dòng)過程

剛創(chuàng)建的react-native項(xiàng)目中安卓項(xiàng)目有兩個(gè)Activity:

react-native項(xiàng)目目錄.jpg

其實(shí)安卓程序的入口必須是某個(gè)Activity,也就是說必定是這兩個(gè)中的其中一個(gè)旗们,這個(gè)Activity從程序一啟動(dòng)就引領(lǐng)著程序進(jìn)入來react-native頁(yè)面蚓哩。但是我們不希望這樣,我們希望的是先進(jìn)入一登的登錄頁(yè)面上渴,在進(jìn)去react-native的頁(yè)面岸梨。所以我們需要修改程序一開始進(jìn)入的頁(yè)面,也就是進(jìn)入我們即將需要?jiǎng)?chuàng)建的LoginActivit稠氮。

我們?cè)賮砜纯碅ndroidMainfest.xml文件

AndroidMainfest.xml文件.jpg

從配置文件可以看的曹阔,MainActivity中配置了一個(gè)intent-filter,其中又一個(gè)關(guān)鍵字是Main隔披,也就是說這個(gè)Activity是程序的入口赃份,相當(dāng)于c程序中的main函數(shù)一樣。接下來我們需要自己創(chuàng)建一個(gè)LoginActivity來執(zhí)行一登的刷臉登錄奢米,登錄成功后在跳轉(zhuǎn)到react-native頁(yè)面(MainActivity)中抓韩。

3.2創(chuàng)建LoginActivity

創(chuàng)建LoginActivity.jpg

LoginActivity的代碼:

package com.qqlogin;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;

import com.isnc.facesdk.SuperID;
import com.isnc.facesdk.common.Cache;
import com.isnc.facesdk.common.SDKConfig;


public class LoginActivity extends AppCompatActivity{
    Button loginBtn;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);
        SuperID.initFaceSDK(this);
        SuperID.setDebugMode(true);
        loginBtn = (Button)findViewById(R.id.loginBtn);

        loginBtn.setOnClickListener(new View.OnClickListener() {

            public void onClick(View view) {
                  SuperID.faceLogin(LoginActivity.this);
            }
        });
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        switch (resultCode) {
            case SDKConfig.LOGINSUCCESS:
                String openid = Cache.getCached(LoginActivity.this, SDKConfig.KEY_OPENID);
                String userInfo = Cache.getCached(LoginActivity.this, SDKConfig.KEY_APPINFO);

//                SuperID.faceLoginWithPhoneUid( LoginActivity.this, "13420120434", "suyue", openid, userInfo);
                Intent intent = new Intent(LoginActivity.this,
                        MainActivity.class);
                startActivity(intent);
                finish();
                Toast.makeText(LoginActivity.this, "你好啊老鐵!w蕹ぁ谒拴!", Toast.LENGTH_SHORT).show();
                break;
            case SDKConfig.LOGINFAIL:
                Toast.makeText(LoginActivity.this, "滾吧!I娌ā英上!", Toast.LENGTH_SHORT).show();
                break;
            default:
                Toast.makeText(LoginActivity.this, "滾吧L啃颉!苍日!", Toast.LENGTH_SHORT).show();
                break;
        }
    }
}

其實(shí)惭聂。LoginActivity中就添加來一個(gè)按鈕,點(diǎn)擊進(jìn)入一登的刷臉登錄頁(yè)面相恃。

activity_login.xml.jpg

activity_login.xml代碼如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context="com.qqlogin.LoginActivity"
    >
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        />
    <Button
        android:id="@+id/loginBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text = "登錄"
        android:layout_marginTop="100dp"
        android:layout_marginLeft="100dp"
        />
</LinearLayout>

3.3將LoginActivity設(shè)置為程序進(jìn)來的第一個(gè)Activity

打開AndroidMainFest.xml配置如下Activity:

91991514200747_.pic.jpg

可以看到辜纲,此時(shí)的Main在LoginActivity中,即程序開始時(shí)先進(jìn)入我們寫好的登錄頁(yè)面拦耐。

到這里安卓的刷臉登錄然后跳轉(zhuǎn)到react-native頁(yè)面就大功告成啦

趕緊拿真機(jī)測(cè)試一下吧G惹浮!揩魂!

注意幽邓,必須要拿真機(jī)測(cè)試,因?yàn)樾枰玫綌z像頭;鹇觥G6妗!

效果圖如下:

效果圖.jpg
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末倦挂,一起剝皮案震驚了整個(gè)濱河市畸颅,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌方援,老刑警劉巖没炒,帶你破解...
    沈念sama閱讀 218,858評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異犯戏,居然都是意外死亡送火,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門先匪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來种吸,“玉大人,你說我怎么就攤上這事呀非〖崴祝” “怎么了?”我有些...
    開封第一講書人閱讀 165,282評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵岸裙,是天一觀的道長(zhǎng)猖败。 經(jīng)常有香客問我,道長(zhǎng)降允,這世上最難降的妖魔是什么恩闻? 我笑而不...
    開封第一講書人閱讀 58,842評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮拟糕,結(jié)果婚禮上判呕,老公的妹妹穿的比我還像新娘。我一直安慰自己送滞,他們只是感情好侠草,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,857評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著犁嗅,像睡著了一般边涕。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上褂微,一...
    開封第一講書人閱讀 51,679評(píng)論 1 305
  • 那天功蜓,我揣著相機(jī)與錄音,去河邊找鬼宠蚂。 笑死式撼,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的求厕。 我是一名探鬼主播著隆,決...
    沈念sama閱讀 40,406評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼呀癣!你這毒婦竟也來了美浦?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,311評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤项栏,失蹤者是張志新(化名)和其女友劉穎浦辨,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體沼沈,經(jīng)...
    沈念sama閱讀 45,767評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡流酬,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了列另。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片康吵。...
    茶點(diǎn)故事閱讀 40,090評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖访递,靈堂內(nèi)的尸體忽然破棺而出晦嵌,到底是詐尸還是另有隱情,我是刑警寧澤拷姿,帶...
    沈念sama閱讀 35,785評(píng)論 5 346
  • 正文 年R本政府宣布惭载,位于F島的核電站,受9級(jí)特大地震影響响巢,放射性物質(zhì)發(fā)生泄漏描滔。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,420評(píng)論 3 331
  • 文/蒙蒙 一踪古、第九天 我趴在偏房一處隱蔽的房頂上張望含长。 院中可真熱鬧券腔,春花似錦、人聲如沸拘泞。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,988評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)陪腌。三九已至辱魁,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間诗鸭,已是汗流浹背染簇。 一陣腳步聲響...
    開封第一講書人閱讀 33,101評(píng)論 1 271
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留强岸,地道東北人锻弓。 一個(gè)月前我還...
    沈念sama閱讀 48,298評(píng)論 3 372
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像蝌箍,于是被迫代替她去往敵國(guó)和親弥咪。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,033評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容