Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Expoで開発してアプリを公開して得られた知見 / RNM6

pochi
July 12, 2017

Expoで開発してアプリを公開して得られた知見 / RNM6

React Native Meetup #6での発表資料です

pochi

July 12, 2017
Tweet

More Decks by pochi

Other Decks in Programming

Transcript

  1. [ピーアール] エンジニア ボシュウ • Tokyo Otaku Mode inc. • オタク関連の全世界向けeコマース・クラウドファンディング・

    ニュース・コンテンツ投稿とかのプラットフォーム • ショッピングカートから裏側の倉庫のシステムまで自前 • Shibuya(JP)/Portland(US)/Maihama(JP) • Node.js - MongoDB - Vue.js - etc.. • http://bit.ly/tom-engineer
  2. { "expo": { "sdkVersion": "18.0.0" } } { "expo": {

    "name": "18", "description": "An empty new project", "slug": "18", "privacy": "public", "sdkVersion": "18.0.0", "version": "1.0.0", "orientation": "portrait", "primaryColor": "#cccccc", "icon": "./assets/icons/app.png", "loading": { "icon": "./assets/icons/loading.png", "hideExponentText": false }, "packagerOpts": { "assetExts": ["ttf", "mp4"] }, "ios": { "supportsTablet": true } } } CRNA Expo
  3. Accelerometer Gyroscope Fingerprint - TouchID Location Notifications Permissions Pedometer -

    Core Motion ScreenOrientation Facebook/Google Asset AV/Audio/Video Svg Font GLView BlurView Contacts DocumentPicker ImagePicker BarCodeScanner MapView Util KeepAwake Constants LinearGradient takeSnapshotAsync SQLite Lottie -Animation Amplitude/Segment - analytics Branch - linking FacebookAds Expo SDK
  4. $exp detach • ExpoKitとしてExpoのライブラリの機能は使える • Push Notificationsとかはダメ • Expo XDEは一応使える

    • react-native run-ios でええやん • exp publishでテスト不可に • XCode/Android Studioでビルド
  5. Deep link import { Linking } from 'react-native'; const LINK_URI

    = Expo.Constants.linkingUri; : componentDidMount() { Linking.addEventListener('url', this._lnk.bind(this)); } _lnk(event) { let queryString = event.url.replace(LINK_URI, ''); const responseObj = qs.parse(queryString); const code = responseObj.code; this.getToken(code).then(…) }