GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → ryanmcdermott → React Native Login

ryanmcdermott / React Native Login

📱 An example React Native project for client login authentication

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

react-nativelogincookies

Projects that are alternatives of or similar to React Native Login

CockyGrabber
C# library for the collection of browser information such as cookies, logins, and more
Stars: ✭ 46 (-89.5%)
Mutual labels:  login, cookies
Loginui Android
Login User Interface in android with innovative, beautiful and creative background 😊😊😉
Stars: ✭ 374 (-14.61%)
Mutual labels:  login
Samesite Examples
Examples of using the SameSite cookie attribute in a variety of language, libraries, and frameworks.
Stars: ✭ 289 (-34.02%)
Mutual labels:  cookies
Wechat kit
flutter版微信登录/分享/支付
Stars: ✭ 347 (-20.78%)
Mutual labels:  login
Tkey
以材料最全、示例最多为目标的单点登录系统（SSO）
Stars: ✭ 295 (-32.65%)
Mutual labels:  login
Ngx Cookie Service
Angular (4.2+ ...11) service for cookies. Originally based on the `ng2-cookies` library.
Stars: ✭ 363 (-17.12%)
Mutual labels:  cookies
Adamantium Thief
🔑 Decrypt chromium based browsers passwords, cookies, credit cards, history, bookmarks, autofill. Version > 80 is supported.
Stars: ✭ 283 (-35.39%)
Mutual labels:  cookies
Socialsdklibrary
提供微博、微信、QQ、Tim、QQ 轻聊版、钉钉的登陆分享功能支持;
Stars: ✭ 399 (-8.9%)
Mutual labels:  login
Flutter login signup
Basic login and signup screen designed in flutter
Stars: ✭ 375 (-14.38%)
Mutual labels:  login
Buttercup Desktop
Buttercup is a free, open-source and cross-platform password manager, built on NodeJS with Typescript. It uses strong industry-standard encryption to protect your passwords and credentials (among other data you store in Buttercup vaults) at rest, within vault files (.bcup). Vaults can be loaded from and saved to a number of sources, such as the local filesystem, Dropbox, Google Drive or any WebDAV-enabled service (like ownCloud or Nextcloud ¹).
Stars: ✭ 3,714 (+747.95%)
Mutual labels:  login
Zhihu Login
知乎模拟登录，支持提取验证码和保存 Cookies
Stars: ✭ 340 (-22.37%)
Mutual labels:  login
Vue Cookies
A simple Vue.js plugin for handling browser cookies
Stars: ✭ 293 (-33.11%)
Mutual labels:  cookies
Chromepass
Chromepass - Hacking Chrome Saved Passwords
Stars: ✭ 364 (-16.89%)
Mutual labels:  cookies
React Cookie Consent
A small, simple and customizable cookie consent bar for use in React applications.
Stars: ✭ 293 (-33.11%)
Mutual labels:  cookies
Play Pac4j
Security library for Play framework 2 in Java and Scala: OAuth, CAS, SAML, OpenID Connect, LDAP, JWT...
Stars: ✭ 375 (-14.38%)
Mutual labels:  login
Javascript For Everyone
A step by step guide to learn JavaScript and programming
Stars: ✭ 285 (-34.93%)
Mutual labels:  cookies
Oauth
🔗 OAuth 2.0 implementation for various providers in one place.
Stars: ✭ 336 (-23.29%)
Mutual labels:  login
Bootstrap 4 Login Page
Bootstrap 4 Login Page Template
Stars: ✭ 352 (-19.63%)
Mutual labels:  login
Cookie crimes
Read local Chrome cookies without root or decrypting
Stars: ✭ 434 (-0.91%)
Mutual labels:  cookies
Cookie Universal
Universal cookie plugin, perfect for SSR
Stars: ✭ 376 (-14.16%)
Mutual labels:  cookies
View All Similar Projects ➔

react-native-login

What is it?

react-native-login is an example React Native project showing how to use a WebView and react-native-cookies to login to your existing backend.

Using a server-side login template that you have already created, this project wraps it with a WebView and checks authentication status using react-native-cookies Once authenticated, a LoggedIn component is rendered showing the user they are authenticated. Cookies are persisted via the WebView so any other component you use that calls fetch() to retrieve AJAX data will also pass on this cookie!

Furthermore, upon opening the app after closing it, the user will stay signed in. When they touch the logout button, their cookies are cleared and they are subsequently redirected to the login component which lives in ./ReactNativeLogin/App/components/App.js

What else?

An example server, using Express and Passport is included within this project under the ./server folder. You can use any server though, just be sure to change cookie.remember_me to whatever the name for your persistent cookie is, within the ./ReactNativeLogin/App/components/App.js file. Follow the installation instructions to learn more.

Be sure to also change the URLs in App.js to reflect the URLs of your production and/or development server. For example, if you are running Android on Genymotion you will need to change this to the appropriate localhost IP address.

WORKS FOR ANDROID AND IOS 😄 YAY!

Requirements

Ensure that you have installed absolutely everything listed here

Installation

  1. git clone https://github.com/ryanmcdermott/react-native-login.git
  2. cd react-native-login/ReactNativeLogin
  3. npm install
  4. cd ../server
  5. npm install
  6. node server.js
  7. To run the iOS version, open another terminal window type open ../ReactNativeLogin/iOS/ReactNativeLogin.xcodeproj
  8. Click the play icon in Xcode to start the app

Contributing

Pull requests are much appreciated and accepted.

License

Released under the MIT License

Credits

Jared Hanson's excellent passport-remember me example

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].