Windows 환경의 Ionic 로컬 개발에서 SSL 사용
2980 단어 SSLionic-generateionic
Windows 환경의 Ionic으로 SSL 환경 구축
다음 환경에서 개발
Ionicバージョン関係
package.json
"@ionic-native/core": "^5.0.0",
"@ionic-native/splash-screen": "^5.0.0",
"@ionic-native/status-bar": "^5.0.0",
"@ionic/angular": "^4.7.1",
ionic -v
5.2.5
절차
Ionicバージョン関係
package.json
"@ionic-native/core": "^5.0.0",
"@ionic-native/splash-screen": "^5.0.0",
"@ionic-native/status-bar": "^5.0.0",
"@ionic/angular": "^4.7.1",
ionic -v
5.2.5
1.PC에 openSSL 데이터 설치
아래 GoogleCode에서 다운로드하여 "C :/OpenSSL-Win32/"에 설치
어떤 디렉토리라도 좋다.
htps : // 여기. 오, ぇ. 코 m / 아 r ゔ ぇ / p / 오 펜 sl fu r u undo ws / 드 w ぉ 아 ds
2. PC 환경 변수 설정
환경 변수 패널 열기
설정이나 「Windows 키+Pause|Break」등 컨트롤 패널\시스템과 시큐러티\시스템을 열어, 왼쪽 컬럼의 위로부터 4번째 시스템 상세 설정을 연다
시스템 환경 변수 (s)에 새 변수 추가
変数
OPENSSL_CONF
値
c:\OpenSSL-Win32\openssl.cnf
시스템 환경 변수 (s)의 경로에 새 값 추가
変数
Path
値の最後に追加
C:\OpenSSL-Win32\bin
동작 점검
実行コマンド
openssl version
実行後
OpenSSL 0.9.8k 25 Mar 2009
3. npm에서 모듈을 추가하여 SSL 생성
Command에서 전역 모듈 추가
実行コマンド
npm install -g openssl
実行後
+ [email protected]
added 6 packages from 14 contributors in 1.33s
SSL 생성
実行コマンド
ionic ssl generate
実行後
Created .\.ionic\ssl directory for you.
> openssl.exe req -x509 -newkey rsa:2048 -nodes -subj /C=US/ST=Wisconsin/L=Madison/O=Ionic/CN=localhost -reqexts SAN -extensions SAN -config C:\Users\takumi\AppData\Local\Temp\ionic-ssl-8b38e0 -days 365 -keyout I:\myApp\.ionic\ssl\key.pem -out I:\myApp\.ionic\ssl\cert.pem
Loading 'screen' into random state - done
Generating a 2048 bit RSA private key
......................................+++
.+++
writing new private key to 'I:\myApp\.ionic\ssl\key.pem'
-----
Key: .\.ionic\ssl\key.pem
Cert: .\.ionic\ssl\cert.pem
[OK] Generated key & certificate!
4. package.json에서 SSL 사용
ssl 활성화 및 키 등의 경로 지정
package.json
ionic serve --ssl --key-path=./.ionic/ssl/key.pem --cert-path=./.ionic/ssl/cert.pem
IonicSSL 설정
h tps // 이오니 cf 라메를 rk. 코 m / 드 cs / c ぃ / 코만 ds /
참고 사이트
Reference
이 문제에 관하여(Windows 환경의 Ionic 로컬 개발에서 SSL 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/mmt/items/78c2d76f3c648fc757a2텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
