react-native interface to login to instagram (iOS)
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
src
README.md
demo.png
package.json

README.md

react-native-instagram-oauth

react-native interface to login to instagram (iOS)

Getting started

  1. npm install react-native-instagram-oauth@latest --save
  2. In XCode, in the project navigator, right click LibrariesAdd Files to [your project's name]
  3. Go to node_modules/react-native/Libraries/LinkingIOS/RCTLinking.xcodeproj ➜ and add RCTLinking.xcodeproj
  4. In XCode, in the project navigator, select your project. Add libRCTLinking.a to your project's Build PhasesLink Binary With Libraries
  5. Click RCTLinking.xcodeproj in the project navigator and go the Build Settings tab. Make sure 'All' is toggled on (instead of 'Basic'). Look for Header Search Paths and make sure it contains both $(SRCROOT)/../../react-native/React and $(SRCROOT)/../../../React - mark both as recursive.
  6. Run your project (Cmd+R)
  7. Register a new client on instagram itself => https://instagram.com/developer/clients/manage/ Alt Text

Usage

 var RNInstagramOAuth = require('react-native-instagram-oauth');

 var instagram: {
     client_id: '<YOUR CLIENT ID>',
     redirect_url: '<YOUR REDIRECT URL>'  // e.g.: 'test://init'
 };

 function getInstagramByMyself (access_token) {
    fetch('https://api.instagram.com/v1/users/self/?access_token='+access_token)
        .then((response) => response.json()).then((responseData) => {
            console.log(responseData);
        });
 }

 RNInstagramOAuth(instagram.client_id, instagram.redirect_url, (err, access_token) => {
    if (err) { console.log(err) }
    if (access_token !== undefined) {
        console.log(access_token);

        getInstagramByMyself(access_token);

    }
 });

Can be easily used together with react-native-instagram-share (https://github.com/watzak/react-native-instagram-share)