Giter Club home page Giter Club logo

expo-sms-retriever's Introduction

Expo SMS Retriever

Static Badge Static Badge Static Badge NPM Version NPM License

Native expo SMS retriever module for android

With the SMS Retriever API, you can automate SMS-based user verification in your Android app. This eliminates the need for users to manually enter verification codes and avoids the necessity of additional app permissions.

Installation

Add the package to your npm dependencies

npm install expo-sms-retriever

OR

yarn add expo-sms-retriever

Usage

getHash

async getHash() : Promise<string>

Returns a unique identifier that helps verify the authenticity of the app that receives the SMS.

addListener

addListener(callback) -> callback(<MessageEventPayload>)

Add a listener callback. The callback function is called with MessageEventPayload.

removeListener

removeListener()

Removes all listener.

start

async start() : Promise<boolean>

Starts the Google GSM SmsRetrieverClient and registers required Native listeners. It waits for a matching SMS message until timeout (5 minutes).

NOTE: This method is called by addListener so isn't needed to be called if you want to get the message / OTP once. If you want to keep recieving messages you can call the start method inside the callback to reinitate the SmsRetrieverClient

stop

async stop() : Promise<boolean>

Unregisters the Native listeners.

NOTE: This method is called by removeListener method so isn't needed to be called seperately.

MessageEventPayload

{
    message: "<string>", // actual message
    otp: "<string" // parsed otp value
}

Example

Check out the basic usage, we used getHash method to get hash, added a listener updated the otp and finally clear the listeners.

  const [hash, sethash] = useState('');
  const [otp, setotp] = useState('');

  useEffect(() => {
    
    /* get hash */
    SmsRetriever.getHash().then(sethash);

    /* start listening */
    SmsRetriever.addListener((message) => {
      console.log(message);
  
      setotp("OTP is " + message.otp);

      /* stop lsitening */
      SmsRetriever.removeListener();
    });

  }, []);

Behavoiur in Expo Go

If the module could not find the SmsRetrieverModule then it will use a mocked module. The Hash will be set to NOHASH and OTP value to 123456

You may modify /src/SmsRetrieverModuleMock.ts in case you want to change these values.

License

Distributed under the MIT License. See LICENSE for more information.

expo-sms-retriever's People

Contributors

s0ubhik avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.