如何获取Angular ng服务开发服务器的HTTPS回调

Question

我正在针对Jumio NetVerify服务进行开发，该服务不接受URL中的自定义端口，但是需要具有真实HTTPS证书的完全合格的域。

我将如何使Jumio NetVerify外部服务与以ng serve运行的本地Angular开发服务器一起使用？

Answer 1

这是使用ngrok Premium订阅的，它允许您定义自己的区域和域名。此外，说明适用于macOS。

从自制软件安装ngrok和certbot。

brew cask install ngrok
brew install certbot

本地登录ngrok。从ngrok.io获取您的身份验证令牌。

ngrok authtoken ...

为您的ngrok 个人域使用HTTP 80隧道：

ngrok http -region eu -hostname=mikko.eu.ngrok.io 80

现在，我们需要获取由Let's Encrypt颁发的证书。假设我们正在一个名为./certs的空目录中工作，我们想在其中提取证书文件。隧道运行时，在另一个终端中转到工作目录并执行：

cd certs
certbot
certonly --standalone --preferred-challenges http -d mikko.eu.ngrok.io --work-dir . --logs-dir . --config-dir .

这将通过ngrok HTTP 80隧道获取证书：

 - Congratulations! Your certificate and chain have been saved at:
   /Users/moo/code/token-swap/certs/live/mikko.eu.ngrok.io/fullchain.pem

现在我们有了真正的HTTPS证书，因此我们可以ngrok隧道传输到本地开发环境。假设我们使用的是在端口4200中运行的Angular ng serve。

让我们再次开始ngrok：

ngrok tls -region eu -hostname=mikko.eu.ngrok.io -key certs/archive/mikko.eu.ngrok.io/privkey1.pem -crt certs/archive/mikko.eu.ngrok.io/fullchain1.pem 4200

然后启动您的Angular服务器：

ng serve -hostname mikko.eu.ngrok.io

现在您可以通过两个URL进入本地Angular开发环境：

https://mikko.eu.grok.io

http://localhost:4200

更多信息：

More tips on ngrok info

DigitalOcean CertBot standalone guide