{OCI オブジェクト・ストレージ} 静的ウェブサイトのホスティング

https://qiita.com/nakasato310/items/e82c6431f526b327291c
https://qiita.com/Skogkatter112/items/beb3b0a5cd203ed53628


-- 1. バケット作成


oci os bucket list \
--compartment-id ocid1.compartment.oc1..000000000000000000000000000000000000000000000000000000000000 

 


oci os bucket create \
--compartment-id ocid1.compartment.oc1..000000000000000000000000000000000000000000000000000000000000 \
--name bucket123 \
--auto-tiering Disabled \
--object-events-enabled false \
--public-access-type ObjectRead \
--storage-tier Standard \
--versioning Disabled

 

 

-- 2. テストオブジェクト作成

cat <<-'EOF' > test01.html

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>テスト</title>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<style>
    body {
        background-color: #D3D3D3;
        color: #000000;
    }
</style>
<body>
<div id="app"><h1>{{ text }}</h1></div>
<div>
    <img src="images/test02.jpg" alt="test02.jpg">
    <p>テスト</p>
</div>

<script>
    new Vue({
        el: '#app',
        data: {
            text: "テスト",
          }
    });
</script>
</body>
</html>

EOF

 

oci os object put \
--bucket-name bucket123 \
--file ./test01.html \
--name test01.html \
--content-type "text/html"

oci os object put \
--bucket-name bucket123 \
--file ./test02.jpg \
--name images/test02.jpg \
--content-type "image/jpeg"

 

oci os object list \
--bucket-name bucket123

 

-- 3. 動作確認

 
https://objectstorage.us-ashburn-1.oraclecloud.com/n/000000000000/b/bucket123/o/test01.html

 

-- 4. クリーンアップ


oci os bucket list \
--compartment-id ocid1.compartment.oc1..000000000000000000000000000000000000000000000000000000000000 

oci os bucket delete \
--name bucket123 \
--empty \
--force