Bitbucket Cloud で Web サイトを公開する

よくあるご質問

このページの内容

お困りですか?

アトラシアン コミュニティをご利用ください。

コミュニティに質問

Static sites hosted on Bitbucket Cloud can now be accessed at <yoursitename>.bitbucket.io. No action is required for static site owners beyond updating your links to point to https://<yoursitename>.bitbucket.io. Please note that HTTPS is required for bitbucket.io for your security. For information on Bitbucket Cloud repository and file size limits, see What kind of limits do you have on repository/file size?


You can use Bitbucket to host a static website. A static website contains coded HTML pages with fixed content. Websites hosted in this way have the bitbucket.io domain in their URL, for example, https://tortoisehg.bitbucket.io

Publishing a static website on Bitbucket Cloud requires you to combine your account's name with the bitbucket.io domain suffix. So, your account's name must be acceptable by DNS standards. Upper case characters and special characters are typically not acceptable. For example, if your account's name is happy_cat, you would need to create a new account with the name of happycat to use this feature because underscores are not allowed in DNS hostnames. Your repository name would be happycat.bitbucket.io and the published static website is reached by this URL: https://happycat.bitbucket.io

The following topics appear on this page: 

ホストする Web サイトを構成する

この機能を利用するには、次の手順を実行します。

  1. Log into your Bitbucket account.
    Create a repository and making sure to Name it using the following format: accountname.bitbucket.io
    For example, if the name of the account where you're adding this repository (which can be your individual account or team name) is tutorials your repository Name should be tutorials.bitbucket.io

  2. ローカルシステムにリポジトリのクローンを作成します。
  3. Create an index.html file in the repository root.
    Keep in mind the names are case sensitive; Bitbucket treats index.html and Index.html as different file names. Make sure your file is named index.html – all lowercase.
  4. Add index.html file to your repository, commit the change, and push the result to Bitbucket.
  5. Navigate to the  https://accountname.bitbucket.io site.
    For example, if your individual account or team name is tutorials you would navigate to https://tutorials.bitbucket.io. The system displays the HTML in the site's index.html.  

Features and Limitations of this Feature

Bitbucket の静的な Web サイトでは、次の機能がサポートされます。

  • 画面やその他のメディアの埋め込み。 
  • HTML ページへの JavaScript の埋め込み。
  • サイトへの Disqus の埋め込みによるブログ コメント

この機能は、リポジトリを、リポジトリのルートを Web ルートとして使用する標準的な静的 Web サーバーに変えます。このため、次のような制限事項があります。

  • このシステムでクッキーを発行することはできません。 
  • サーバー側でのスクリプトやコードはサポートされません。たとえば、PHP は利用できません。
  • 各ページは 15 分間キャッシュされます。つまり、変更は即座には反映されません。最新のバージョンを確認する場合、ブラウザで各ページを手動でリフレッシュできます。

Finally, we inject a rum.js script into each Bitbucket website. This script captures internal web analytics and statistics.

1 つの Web サイトに複数のプロジェクトをホストする

同じ Bitbucket Webサイトから複数のプロジェクトをホストできます。これを行うには、各プロジェクトをリポジトリのサブディレクトリに配置します。この例では、次のように構成を整理してユーザーに Web サイトを提供します。

  • https://<アカウント名>.bitbucket.io/サブディレクトリ1 (プロジェクト 1 用)
  • https://<アカウント名>.bitbucket.io/サブディレクトリ2 (プロジェクト 2 用)
  • https://<アカウント名>.bitbucket.io/サブディレクトリ3 (プロジェクト 3 用)

Each project sub-directory would act as a self-contained website with its own index.html.

Bitbucket is forgiving with regard to trailing slashes: a request to https://accountname.bitbucket.io/projectX/ with result in projectX/index.html being served (if such a file exists), regardless of whether the trailing slash is included in the URL.

While you can use subdirectories to manage different projects each static site will generate from the main branch of the repository. Master is the default main branch, although you can change this in the repository settings. Bitbucket only generates content from the selected main branch.


公開/非公開リポジトリと静的な Web サイトについて

この機能で作成した静的な Web サイトはインターネットのほかの Web サイトを同じ特徴を持ち、URL (アドレス) を知っているあらゆるユーザーが訪問して閲覧できます。基盤となる Bitbucket リポジトリは、公開でも非公開でもかまいません。つまり、Bitbucket リポジトリが非公開の場合でも、ユーザーは引き続き静的な Web サイトを訪問および閲覧できます。基盤となるリポジトリが公開されている場合も同様です。

最終更新日 2018 年 11 月 6 日

この内容はお役に立ちましたか?

はい
いいえ
この記事についてのフィードバックを送信する
Powered by Confluence and Scroll Viewport.