npminstallreact-native-device-infonpminstallreact-native-inappbrowser-rebornnpminstallreact-native-webviewnpminstallreact-native-encrypted-storagenpminstallreact-native-permissionsnpminstall@react-native-clipboard/clipboard# for ioscdiospodinstall
or
yarnaddreact-native-device-infoyarnaddreact-native-inappbrowser-rebornyarnaddreact-native-webviewyarnaddreact-native-encrypted-storageyarnaddreact-native-permissionsyarnadd@react-native-clipboard/clipboard# for ioscdiospodinstall
추가 설치 (version '0.0.7-alpha' and above)
프로바이더 기능을 React Native 환경에서 사용하기 위해서, 아래와 같이 추가 package를 install 하고 초기화 해야 합니다.
npminstall--save-devrn-nodeify
or
yarnadd--devrn-nodeify
추가로 아래와 같이package.json 파일의 postinstall 스크립트에 rn-nodeify 커맨드를 추가해야 합니다.
Project에서 Info 탭을 선택합니다. URL Types 에 + 을 클릭해서 Identifier와 URL Schemes 를 추가 합니다. Identifier는 앱의 Bundle ID 입니다. URL Schemes의 값은 wepin. + wepin app id 로 해야 합니다.
변경 사항 안내: 딥링크 스킴값 변경 (SDK Version 0.0.20-alpha이상부터)
SDK 버전 0.0.20 이상을 사용할 경우, 딥링크 스킴 값의 구조가 업데이트 되었음을 알려드립니다.
변경 전: bundle id + '.wepin'
변경 후: 'wepin.' + wepin app id
Wepin 위젯 기능 사용을 위해 올바른 딥링크 스킴값 사용이 필수적입니다. Wepin 위젯의 정확한 동작을 위해 새로운 스킴 값을 적용해주시기 바랍니다.
퍼미션 추가하기(v0.0.20-alpha 이상 부터)
해당 SDK를 사용하기 위해서는 카메라 접근 권한이 필요합니다. 카메라 기능은 QR코드 형식의 주소를 인식하는데 필수적입니다. [참고: react-native-permission]
Podfile 수정하기
퍼미션을 설정하기 위해서 Podfile에서 설정 스크립트를 세팅해줘야 합니다.
# with react-native >= 0.72- # Resolve react_native_pods.rb with node to allow for hoisting- require Pod::Executable.execute_command('node', ['-p',- 'require.resolve(- "react-native/scripts/react_native_pods.rb",- {paths: [process.argv[1]]},- )', __dir__]).strip+ def node_require(script)+ # Resolve script with node to allow for hoisting+ require Pod::Executable.execute_command('node', ['-p',+ "require.resolve(+ '#{script}',+ {paths: [process.argv[1]]},+ )", __dir__]).strip+ end+ node_require('react-native/scripts/react_native_pods.rb')+ node_require('react-native-permissions/scripts/setup.rb')
# with react-native < 0.72require_relative '../node_modules/react-native/scripts/react_native_pods'require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'+ require_relative '../node_modules/react-native-permissions/scripts/setup'
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"><plistversion="1.0"><dict><!-- 🚨 Keep only the permissions used in your app 🚨 --> <key>NSCameraUsageDescription</key> <string>YOUR TEXT</string><!-- … --></dict></plist>
Android 인 경우
AndroidManifest 수정하기
위핀 Activity의 인텐트 필터 추가
위핀을 사용하고자 하는 앱의 AndroidManifest.xml을 수정해야 합니다.
위핀 Activity의 인텐트 필터를 앱의 AndroidManifest.xml 에 추가해야 합니다. 이 때 추가하는 스키마 값은 wepin. + wepin app id 로 추가해야 합니다.
변경 사항 안내: 딥링크 스킴값 변경 (SDK Version 0.0.20-alpha이상부터)
SDK 버전 0.0.20 이상을 사용할 경우, 딥링크 스킴 값의 구조가 업데이트 되었음을 알려드립니다.
변경 전: pakage name + '.wepin'
변경 후: 'wepin.' + wepin app id
Wepin 위젯 기능 사용을 위해 올바른 딥링크 스킴값 사용이 필수적입니다. Wepin 위젯의 정확한 동작을 위해 새로운 스킴 값을 적용해주시기 바랍니다.