20/05/2020
Advertisements

Tutorial membuat Google Sign in di Sketchware Project

Halo developer android sktechware, pada kesempatan ini saya akan berbagi tutorial membuat google sign in di project sketchware kalian. Untuk membuat google sign kalian harus memiliki beberapa tool yang akan digunakan untuk menambahkan Library GMS Auth dan editor code.

  1. Sketchware Revolution Rev3 dari Hey Studio
    Untuk implementasi Google sign tidak bisa menggunakan Aplikasi sketchware Original, kalian harus menggunakan sketchware yang sudah di modifikasi atau istilahnya sketchware Mod. Saya menyarankan seperti yang saya gunakan ini menggunakan Sketchware Revolution dari Hey Studio. Untuk mengundugnya kalian bisa klik linkberikut ini : Sketchware Revolution Rev3 by Hey Studio
  2. SWRevo App
    Aplikasi buatan admin yang memiliki banyak fungsi tool penunjang membuat project aplikasi android di Sketchware. Gunanya aplikasi ini pada implementasi google sign ini adalah untuk menambahkan MoreBlock yang sudah saya buat khusus implementasi Google sign dan menambahkan Library google gms auth di sketchware kalian. Karena library bawaan dari sketchware original hanya tersedia Firebase auth. Untuk mengunduh aplikasi SWRevo kalian bisa klik link beriktu ini : SWRevo Versi 119
  3. SWCode Editor
    Aplikasi buatan admin yang memiliki fungsi edit kode Java, XML dan manifest project aplikasi android sketchware kalian. Karena untuk implementasi google sign kalian harus memodifikasi kode onResult activity dan untuk menambahkan kode activity di Manifest project kalian. Untuk mengunduh aplikasi SWCode Editor kalian bisa klik link berikut ini : SWCode Editor versi 3.1

Daftar Kode Untuk Ditambahkan

Di dalam activity java ada kode yang harus kalian ganti, yaitu onResult Activity. Detail kodenya kalian bisa cek di bawah ini.

Kode Aslinya / Bawaannya :

Advertisements
on Activity Result Code Default
@Override
	protected void onActivityResult(int _requestCode, int _resultCode, Intent _data) {
		super.onActivityResult(_requestCode, _resultCode, _data);

	}

Edit dengan kode di bawah ini :

on Activity Result Edit
// [START onactivityresult]
    @Override
    public void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);

        // Result returned from launching the Intent from GoogleSignInApi.getSignInIntent(...);
        if (requestCode == RC_SIGN_IN) {
            Task<GoogleSignInAccount> task = GoogleSignIn.getSignedInAccountFromIntent(data);
            try {
                // Google Sign In was successful, authenticate with Firebase
                GoogleSignInAccount account = task.getResult(ApiException.class);
                
                firebaseAuthWithGoogle(account.getIdToken());
            } catch (ApiException e) {
                //On Fiailure
            }
        }
    }
    // [END onactivityresult] 

Selanjutnya anda juga perlu menambahkan sebuah kode activity di manifest.xml kalian. Kodenya ada di bawah ini dan kalian bisa lihat gambar contoh penempatannya.

Manifest
<activity
	android:name="com.google.android.gms.auth.api.signin.internal.SignInHubActivity"
	android:exported="false"
	android:excludeFromRecents="true"
	android:screenOrientation="portrait"
	android:windowSoftInputMode="stateAlwaysHidden|adjustPan" />

 

Anda Juga harus menambahkan Kode Object dan Kode Import di dalam menu aplikasi Sketchware. Menu itu ada di bagian block Variable dan cari menu Add Cutom Object dan Add Custom Import, untuk lebih jelasnya kalian bisa lihat gambar di bawah ini.

Tambahkan Kode Berikut ini :

Tambahkan Dengan Add Custom Object

  • static final int RC_SIGN_IN = 9001
  • GoogleSignInClient mGoogleSignInClient

Tambahkan Dengan Add Custom Import

  • com.google.android.gms.auth.api.signin.GoogleSignInClient
  • com.google.android.gms.auth.api.signin.GoogleSignInOptions
  • com.google.android.gms.auth.api.signin.GoogleSignIn
  • com.google.firebase.auth.GoogleAuthProvider
  • com.google.firebase.auth.AuthCredential
  • com.google.android.gms.auth.api.signin.GoogleSignInAccount
  • com.google.android.gms.common.api.ApiException

Atau jika kerepotan menambah satu satu kode import di atas anda bisa dengan mudah menggunakan tool SWCode Editor cukup block kode di bawah ini dan paste menggunakan SWCode editor seperti contoh pada video tutorial yang saya lampirka di bawah ya.

Import Library Code
import com.google.android.gms.auth.api.signin.GoogleSignInClient;
import com.google.android.gms.auth.api.signin.GoogleSignInOptions;
import com.google.android.gms.auth.api.signin.GoogleSignIn;
import com.google.firebase.auth.GoogleAuthProvider;
import com.google.firebase.auth.AuthCredential;
import com.google.android.gms.auth.api.signin.GoogleSignInAccount;
import com.google.android.gms.common.api.ApiException;

Selanjutnya buat komponen Firebase Auth dan beri nama untuk komponen tersebut dengan ID : mAuth

Terakhir bahan yang perlu anda gunakan adalah MoreBlock yang sudah saya buatkan yang kalian tinggal pakai. Kalian bisa dapatkan MoreBlock tersebut di aplikasi saya SWRevo di bagian Menu cloud Moreblock.

Untuk tutorial cara implementasinya kalian bisa lihat video saya di bawah ini. Semoga ini bermanfaat untuk rekan rekan semua. Terimakasih

 

Related Tags
%d blogger menyukai ini: