netlify静的ビルドステーション+ HTTPS

転載[のび太は人生を学ぶ-元のアドレス:https://www.cnblogs.com/codernie/p/9062104.htmlを ]

まず、使用githubのかgitlab着陸netlify

まず、オープンnetlifyウェブサイト(https://app.netlify.com/

 

 

 

 

 

 

 

そして、githubのかgitlabアカウントのログインを使用。

 

第二に、githubの/ gitlab倉庫に基づいてサイトを作成します

Gitのボタンから新しいサイトをクリックします。

あなたは倉庫、以下の3の1を選択するプラットフォームによると:

あなたが展開する必要がある倉庫を選択します。

三点を含む展開オプションを、設定します。

  1. (展開するフィギュア支店に相当)の展開ブランチ:

    あなたのgitリポジトリの分岐がある名前が示すように、デフォルトの選択は、マスターブランチであります

  2. (以下のビルドコマンドに対応する)コマンドをパッキング:

    このようNPMの実行ビルドとしてあなたのパッケージングのコマンドは、のように構築飲み込むある;自体は静的ファイル、無コンパイラパッケージの場合、この列には満たされていません

  3. パッケージディレクトリの後(下の公開ディレクトリに対応します):

    すなわち、このようなDISTなどのコマンドを、パッケージング後に静的ファイルは、好き_SITEディレクトリを実行した後、ある;それ自体が静的な文書である場合、この列には満たされていません

サイトを展開するための方法を完了したら、ボタンをクリックしてください

 

第三に、ドメインを設定し、パークドメイン

第二のステップを完了することが、我々は、自動展開が稼働している、とかなりすぐに、私たちのサイトには、以下に示すように、リストにnetlify訪問したドメイン名を利用することができるだろう見ることができます。

我々は、プレフィックス、および私たち自身のドメインに結合を変更することができnetlify、下netlifyランダムに生成されたドメイン名を見ることができるように。

>> netlifyドメイン名の接頭辞を変更します。

まず、サイトの設定]ボタン上の画像をクリックして、以下に示すように、[保存]をクリックし、接頭辞を変更する必要がある名前を入力し、ボタン、ポップアップボックスの下部に変更サイト名をクリックします。

>>独自のドメイン名の下にバインドされました:

首先,点击上上图中 Domain settings 按钮,然后在下方点击 Add custom domain 按钮,然后在弹出框中输入自己需要绑定的完整域名,点击保存,如下图所示:

这个时候会显示 !Check DNS configuration,因为我们还没有设置域名解析到netlify服务器,所以这个时候需要到你自己域名的相应服务商网站登录之后在需要绑定的域名下添加一条CNAME解析,解析的主机记录即对应的netlify域名值(这里即 codernie.netlify.com)

ok,过一会儿就可以使用自己的域名访问自己的网站啦

 

四、生成HTTPS证书,实现HTTPS访问

第四部中的Domain settings 中往下拉,可以看到 HTTPS 几个大字母:

点击 Verify DNS configuration 按钮,待它变成下方绿色按钮之后,再点击:

然后在弹出框中点击确认,过一会儿之后就可以使用https访问你的小站啦:

看到自己的小站前面可以有绿色的安全字样,是不是很酷炫,而且很放心,再也不用担心运营商在自己的网站上挂广告啦,哈哈哈。。。等等,是不是还差了点什么:

对啊,还没有强制跳转https,OK,继续

 

五、强制HTTP跳转HTTPS访问

在第四步 Domain settings 再往下翻一点,可以看到 Force HTTPS,只需点击 Force HTTPS 即可实现,是不是很方便,如下图:

到这里,你的网站即使用户使用http访问,也将强制跳转至https访问啦,这下可以彻底不用担下运营商给你的用户“发红包”啦!

 

六、设置redirect

利用netlify实现自动化部署和HTTPS就写到这里了,喜欢就点个赞啦。

おすすめ

転載: www.cnblogs.com/linx/p/11060215.html