Oluşturma-tepki uygulamasıyla bir SSL sertifikası nasıl sağlayabilirim?

Question

Yerel olarak oluşturduğum ve yerel olarak test edilen bir tepki uygulamasına, facebook boilerplate'i kullanarak ev sahipliği yapmaya çalışıyorum.
İstemci uygulaması, node.js kullanılarak yapılmış bir API ile etkileşime giriyor ve güvenli bir bağlantı kurarak (test için SSL sertifikamı gönderen bir node.js istemcisiyle) hiçbir sorun yaşamadım.
Ancak, yerine benim SSL sertifikası göndermek için tepki kullanarak geldiğinde zorluklarla karşılaşmak am kendinden imzalı beni krom kullanarak ve https://example.net:3000 için erişmeye çalışırken bu hatayla karşılaşmaya sebep olur: biri

bağlantınız özel değil (NET: ERR_CERT_AUTHORITY_INVALID)

dokümantasyon oldukça bana yardım etmedi: sunucu kendinden imzalı bir sertifika kullanacak

Not o kadar y Web tarayıcımız, sayfaya erişildiğinde neredeyse bir uyarı gösterecektir. https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#using-https-in-development

nasıl yerine bu kendinden imzalı birinin (Zaten alan adından başka uygulamasında kullanmak ve bir cazibe gibi çalışır olan) kendi SSL sertifikası kullanabilir? Bir şey mi kaçırdım ?

Answer 1

Bu bağlantı noktasından dosyalara hizmet veren sunucunuzun, SSL sertifikanızı kullanacak şekilde yapılandırılması gerekir. Bu bağlantı noktasında webpack-dev-server'ı kullandığınızı tahmin ediyorum (npm start oluşturma-tepki-uygulamasında ne yapıyor?) Ve 80 numaralı bağlantı noktasında belki de farklı bir sunucu (apache, nginx, vb.) Var mı?

Önceden yapılandırılmış sunucunuzu kullanarak derlenmiş dosyalarınıza hizmet verebilir veya SSL sertifikası kullanmak için webpack-dev sunucusunu yapılandırabilirsiniz.

Bunu yapmak için webpack-dev-server'ın --cert seçeneğini kullanabilirsiniz. Bkz. https://webpack.github.io/docs/webpack-dev-server.html

Özel bir başlangıç ​​komut dosyası döndüren npm başlangıcı kullanarak bunu yapmak isterseniz, bu başlangıç ​​komut dosyasını düzenlemeniz gerekir. İlk olarak eject komutunu kullanmanız gerekebilir, bu da tüm yapılandırma kodlarını repo'unuza aktarabilmeniz için değiştirebilir. https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/scripts/start.js#L230

Ben de webpack-dev-sunucu bir üretim ortamında kullanılmak üzere tasarlanmamıştır dikkat etmelidir: Burada

başlangıç ​​script kaynak kodudur.

İyi eğlenceler!