The best way to do social logins in NativeScript, a plugin with modern SDKs to allow authentication to various providers with access to all SDK features
License: MIT License
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
Hi, I'm using 1.1.4 ver in NS6 and everything is fine with login FS on android but after configuring google login I can't get to work.
App show login modal window with local user, but after select every time got result with errorCode 10
JS: Google sign in result: {
JS: "ResultType": 0,
JS: "ErrorCode": 10,
JS: "ErrorMessage": "10: "
JS: }
Before that I've used nativescript-oauth2 to gogle login and it's work well.
I've got configured google console to oauth login with android. Please help
More information:
https://developers.google.com/identity/one-tap/android/overview
More info here: https://developers.facebook.com/blog/post/2021/01/19/facebook-login-updates-new-limited-data-mode
Limited Login modeMore info here: https://developers.google.com/identity/sign-in/ios/release
The type definitions have been changed.
I've used the demo apps and copied literally the same Info.plist (then changed our the values). I put in the app.entitlement also. However when i try facebook login on both Android/iOS (and then google on iOS) they are not able to access the IDS /clients etc and aren't able to initailise the google SDK. (Google on Android works and Apple Sign in works on iOS).
Is there a new way of laying it out or something else I have to incorporate?
When I login with the facebook, I have an account that is involved with the Developer App, and it works fine. However when I log in with an account not associated with it on iOS. It crashes and has the following error:
NativeScript encountered a fatal error: Uncaught TypeError: Cannot read property 'isCancelled' of null
I have done this with facebook on Android and i get the error:
Login Error: There is an error in logging you into this application. Please try again later
On android this is a facebook page error, and it doesn't crash the app.
This made me look at the developer platform, however it doesn't identify any errors in the login side of things. Just wondered if i can get more guidance of maybe an error here or something to do with isCancelled on this?
There is no issue with the plugin its just that access token is not available GoogleSignInResult property unlike in facebook.
Thank you so much
First of all thanks for the package, it's been a great help as I'm new to nativescript.
When I tried to implement the Apple - sign in functionality in my app I noticed that it isn't installed with the latest version with npm install.
Hello,
I have tried this plugin for angular, and I'm having issues with the Google sign in on Android emulator.
I'm getting an error:
Google sign in result: {
"ResultType": 0,
"ErrorCode": 10,
"ErrorMessage": "10: "
}
It works fine on IOS emulator.
So, I have downloaded the your angular example, built and ran it on an Android emulator.
I am still getting the same error message.
Could this be a problem in your plugin or am I just using it wrong?
"@nativescript/android": "8.1.1",
"@nativescript/ios": "8.1.0",
"dependencies": {
"@klippa/nativescript-login": "^3.0.1",
"@nativescript-community/push": "^1.1.9",
"@nativescript-community/ui-lottie": "^1.0.0",
"@nativescript-community/ui-material-tabs": "^5.2.31",
"@nativescript/appversion": "^2.0.0",
"@nativescript/core": "^8.1.5",
"@nativescript/firebase": "^11.1.3",
"@nativescript/iqkeyboardmanager": "^2.0.0",
"@nativescript/localize": "^5.0.2",
"@nativescript/social-share": "^2.0.4",
"@nativescript/theme": "~3.0.1",
"@nota/nativescript-webview-ext": "^8.0.0",
"@nstudio/nativescript-pulltorefresh": "^3.0.1",
"classnames": "^2.2.6",
"nativescript-intl": "^4.0.2",
"nativescript-sentry": "^2.0.1",
"nativescript-sound-kak": "https://github.com/kajic/nativescript-sound.git",
"nativescript-taptic-engine": "^2.1.0",
"nativescript-vibrate": "^4.0.1",
"nativescript-vue": "~2.9.0",
"rxjs": "^7.0.0",
"vuex": "^3.6.0",
"vuex-persistedstate": "^4.0.0-beta.3"
},
"devDependencies": {
"@nativescript/android": "8.1.1",
"@nativescript/ios": "8.1.0",
"@nativescript/types": "~8.1.0",
"@nativescript/webpack": "^5.0.0-beta.9",
"@sentry/webpack-plugin": "^1.14.0",
"@types/node": "~14.6.2",
"dotenv": "^8.2.0",
"nativescript-vue-template-compiler": "~2.8.0",
"sass": "~1.39.0",
"typescript": "~4.3.5",
"vue": "~2.6.12"
},
After running tns clean and tns run ios --device 1 --no-hmr, on an emulator or a physical device, I get the following error once the application is launched on the device:
2021-12-20 13:28:34.941685-0800 roninativescript[2999:772397] NativeScript encountered a fatal error: Uncaught ReferenceError: NativeClass is not defined
at
./node_modules/@klippa/nativescript-login/login.ios.js(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/vendor.js:145:1)
at __webpack_require__(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/runtime.js:23:42)
at ./node_modules/@nativescript/webpack/dist/loaders/nativescript-worker-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/components/splash/SigninSection.vue?vue&type=script&lang=js&(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/bundle.js:13735:84)
at __webpack_require__(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/runtime.js:23:42)
at ./app/components/splash/SigninSection.vue?vue&type=script&lang=js&(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/bundle.js:20246:240)
at __webpack_require__(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/runtime.js:23:42)
at ./app/components/splash/SigninSection.vue(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/bundle.js:18586:101)
at __webpack_require__(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/runtime.js:23:42)
at ./node_modules/ts-loader/index.js??clonedRuleSet-2[0].rules[0].use[0]!./node_modules/@nativescript/webpack/dist/loaders/nativescript-worker-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/components/splash/SplashPage.vue?vue&type=script&lang=ts&(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/bundle.js:16999:76)
at __webpack_require__(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/runtime.js:23:42)
at ./app/components/splash/SplashPage.vue?vue&type=script&lang=ts&(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/bundle.js:20534:301)
at __webpack_require__(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/runtime.js:23:42)
at ./app/components/splash/SplashPage.vue(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/bundle.js:18624:98)
at __webpack_require__(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/runtime.js:23:42)
at ./app/store.ts(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/bundle.js:15639:91)
at __webpack_require__(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/runtime.js:23:42)
at ./app/classes/dynamiclink.js(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/bundle.js:2286:64)
at __webpack_require__(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/runtime.js:23:42)
at ./app/app.ts(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/bundle.js:15:78)
at __webpack_require__(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/runtime.js:23:42)
at __webpack_exec__(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/bundle.js:27886:39)
at (file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/bundle.js:27887:221)
at __webpack_require__.X(file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/runtime.js:114:21)
at (file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/bundle.js:27887:47)
at (file:///var/containers/Bundle/Application/B01BABDA-B060-4A47-B717-81339403CA47/roninativescript.app/app/bundle.js:27892:3)
at require(:1:137)
I can see in my node_modules that the ./node_modules/@nativescript/webpack/dist/transformers/NativeClass directory is actually present.
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.