OSS

Alibaba Cloud OSSでリサイズされた画像を取得する方法

例えば3000x1500の画像を400x200にして返すようにします。 イメージ処理から新しいスタイルを作成します。 固定幅とオートフィット高さを選択したら可変高さとなります。 これだけです。あとは画像のURLにパラメーターとしてドメイン名/sample.jpg?x-oss-pro…

react-nativeからalibaba cloud OSSにファイルをアップロードする

react-nativeからOSSにファイルをアップロードする方法を調べました。 イメージしやすいようにアップロード画面のスクショを貼っておきます。Sendボタンを押したらアップロードされます。 なお、画像の選択にはreact-native-image-pickerを使っています。 選…

OSSにbase64エンコードされた画像を保存する

base64の画像データをOSSに保存します。 これは20x20ピクセルの正方形画像をbase64エンコードしたものです。 iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAACNklEQVQ4EeWTz0tUURTHP+/xnN7kZAjZkIYllpX0uxYtLBAiqIWioVAglIt+yeAigvAfaNOuRW6UIkiCIFwEQWmrC…

OSSにTravisCIから自動アップロードする

Alibaba CloudのOSSにTravisCIから自動でアップロードします。 やること vue-cliで作成されたVue.jsのプロジェクトを、GitHubにプッシュされたらtravisでビルド後ossutil cp dist/ oss://test-cli --recursive -i xxxxxxxxxxx -k xxxxxxxxxxxxxxx -e oss-cn-…

OSSを操作するCLIツールのossutilを使う

Alibaba CloudのOSSの操作をossutilというCLIツールから行います。 ossutilのインストール GOPATHとPATHが正しく設定されていたらgo getするだけでossutilコマンドが使えるようになります。 $ go get github.com/aliyun/ossutil $ ossutil Usage: ossutil [c…

Vue.jsのプロジェクトをOSSに静的ホスティングする

Vue.jsで作ったプロジェクトをAlibaba CloudのOSSに静的ホスティングします。 OSSにバケットを作る OSSを開いてバケット作成をします。ここではACLを非公開から公開読み取りにする事に注意してください。 Vue.jsプロジェクトの作成 vue-cliを使って新しくvue…