class overview
TRANSCRIPT
ionic component• layout: ionic-grid, ionic-row, ionic-col• scroll : shophome 페이지 참조 , this.menusContentRef.resize();
https://ionicframework.com/docs/v2/api/components/content/Content/• infinite scroll : shopmypage,cash 페이지 참조 ,
infiniteScroll.enable(false);
https://ionicframework.com/docs/v2/api/components/infinite-scroll/InfiniteScroll/• ModalController: cashConfirmPage 참조 , alert 대신 사용 , custom
format 가능iphone 에서 alert 중복시 앱 락발생
• Scroll 처리는 아직 버그가 많음 ( 특히 iphone 키패드 ). 적절히 workaround작업이 필요함 .
angular2 기초• Provider: storageProvider, serverProvider, LoginProvider 참조 ionic g provider providerName
@Injectable()
export class ProviderName{…}• app.module.ts 의 providers: [{…}] 에 추가• Storage(local storage) 사용을 위해서는 Storage provider 추가 필요함• 설계할때 circular reference 안되도록 정의해주세요 .
• Custom Directive: focuser 참조ionic g directive directiveName
app.module.ts 의 @NgModule({ …}) 에 추가
Tips-NgZone• 사용자의 입력없이 페이지의 UI 를 업데이트해야 할경우 사용
예 ) push 메시지 수신시 화면 값을 업데이트함
Tips-EventEmitter• 페이지간에 sync 를 맞춰야 할때 유용함
1. 페이지가 공통으로 접근가능한 EventEmitter 정의
2. event 에 영향받는 페이지에서 subscribe 함수를 통해 event handler 를 정의
3. event 전달 페이지에서 emit함수를 통해 event 생성
cordova plugin 사용하기• ionic plugin add pluginName
https://cordova.apache.org/plugins/ 참조• clobbers 사용
cordova_plugins.js 에 정의된 "clobbers" 사용./platforms/android/assets/www/cordova_plugins.js
./platforms/ios/www/cordova_plugins.js
• 반드시 ts 문법 (?) 으로 callback 호출window.plugins.sim.hasReadPermission(result=>{ this.xxxx;});
window.plugins.sim.hasReadPermission(function(){this.xxx ====> undefined error});
cordova plugin 만들기• plugman create --name Name --plugin_id
com-name-plugins-echo --plugin_version 0.0.1 --path nameplugin
• http://moduscreate.com/plugin-authoring-cordova-6-ios-android/참조
• 여러번 불려지는 callback 등록 구현
로그인 시스템 구성하기• 현재 사용자의 Identifier 로는 소셜 로그인으로 부터 엊을수 있는 정확한 값은 reference ID 외에는 없다 .
reference ID 이외의 정보는 사용자로 부터의 입력이 필요함• 실습 : 페이스북 , 카카오톡 , email
• LoginProvider 디렉토리 참조
server 와 통신 (http)• Ajax, json 의 이해 • 다시 로그인
• storage 에 로그인 정보 기록• 세션 종료시 로그인 정보를 바탕으로 ( 사용자 입력없이 ) 다시 로그인
• serverProvider 참조• 다시 로그인 적용을 위해 모든 서버 Request 는 serverProvider 의 함수를 통해 호출
inappbrowser 를 통한 외부 서비스 연동• inappbrowser 는 blackbox
• 접속 url 과 event(load,exit,..) 만 알수 있음• 서버와 시나리오를 잘 구성하여야 함• cash.ts 에 휴대폰 본인 인증 참조
• 참고 : ios 의 경우 user input 없이는 trigger 가 안됨 .
Tomcat
cert 서버
node1
2
3
45
푸쉬 (FCM) 메시지• 앱단은 단순함• 서버단에서 ios 와 android 를 위한 포맷팅을 정확히 해줘야함 .
(notification.js 에 router.sendGCM 참조 , 대소문자까지 맞춰줘야함 .)
• 오류시 firebase console 과 postman 을 통한 검증을 수행하기 바람• IOS: developer 계정없이는 불가능함 .
• provision 정보 오류시 디렉토리 삭제 (~/Library/MobileDevice/Provisioning\ Profiles ) 후 다시 xcode 실행하여 가져옴 (xcode->preference->apple ID 확인 ).
• http://stackoverflow.com/questions/26732251/how-to-remove-provisioning-profiles-from-xcode-6-and-xcode-7
앱 release 하기 • https://ionicframework.com/docs/guide/publis
hing.html
• Apple developer 에 회사로 등록시 4 주이상이 필요할수 있음으로 미리 등록하시기 바랍니다 .
핀테크 가이드• 금융 오픈 API
NH 핀테크 오픈 플랫폼 (https://nhfintech.nonghyup.com)
은행권 공동 오픈플랫폼 (https://www.open-platform.or.kr/)
• 묻지도 따지지도 말고 시키는대로 해라 .
• 규제 산업으로 기술적인 완성도와 상관없이 정해진 규정을 지키는것이 가장 빠르게 갈수 있는 방법이다 .
• 법적인 문제에 대해 반드시 검토하고 진행하시기 바랍니다 .
• 클라우드 법 , 개인정보보호법 , 정보보안관련 규정
NH 핀테크 인증1. 서류 제출2. 실사3. 보안서류제출 , 심사 통과4. 테스트키 수령5. 계약서 제출6. 운영키 수령
Takit Server Architecture
maria DB
public IP
Private Network
in/out port 제어