.apkファイルに署名できない問題

.apkファイルの中の署名鍵を消しましょう。 $ jarsigner -verbose -keystore app/myapp.keystore app/build/outputs/apk/app-release.apk myapp Enter Passphrase for keystore: jarsigner: unable to sign jar: java.util.zip.ZipException: invalid entry …

Alibaba CloudのFunction Computeに環境変数を設定する方法

Function Computeに環境変数を設定するためにはtemplate.ymlにEnvironmentVariablesセクションを追加します。 例えば、NODE_ENV=productionを追加したいときはtemplate.ymlに以下を追加します。 EnvironmentVariables: NODE_ENV: production 以下はtemplate.…

HTTPSに対応したAlibaba CloudのAPI GatewayがAndroidでNetwork request failedする問題

API GatewayをHTTPS化したらreact-nativeのAndroidアプリからfetchできなくなってしまいました。 HTTPへのリクエストは成功するのですがHTTPSへのリクエストを送ると以下のエラーが出てしまいます。 TypeError: Network request failed at XMLHttpRequest.xh…

Alibaba CloudのAPI GatewayをHTTPS化する

独自ドメインを設定したAPI GatewayのエンドポイントをHTTPS対応させます。なお、Function Computeをバックグラウンドで動かしています。 基本は以下の公式ドキュメントを参考にしました。 jp.alibabacloud.com SSL証明書の取得 私はさくらのRapidSSLで取得…

Alibaba CloudのAPI Gatewayに独自ドメインを紐付ける

API Gatewayはデフォルトの状態で使うと1日に1000回のリクエスト制限があります。これを回避するにはFunction Groupに独自ドメインを設定しなければなりません。 ここではAPI Gatewayに独自ドメインを設定する方法について書きます。 asmsuechan.hatenablog.…

Alibaba Cloud API Gatewayのアクセス制限に気をつけよう

最終的にはドキュメントちゃんと読めって話ですが、Alibaba CloudのAPI Gatewayを使っているときに403で悩まされました。 以下のリクエストを送った時、API Gateway + Function ComputeのAPIから突然403が返ってくるようになりました。 $ curl -i -H "Conten…

react-nativeで画像が表示されない

react-nativeの<Image>タグが画像を表示してくれなかったときの私の解決法です。 問題 <Image source={{ uri: item.imageUrl }} style={{ height: item.height }}/>のようにすると画像が表示されない時がある。 このアプリ画面中には画像が敷き詰められるはずなのですがいくつかうまく表示されていません。 解決法 画像サイズを小さくする。 </image></image>…

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…

react-native + auth0でSomething went wrongが出る

react-native + auth0を使ったときログイン画面に飛ばずにSomething went wrongとだけ表示されてログにも何も出ない現象で困りました。 解決法 アプリのパッケージ名にアンダースコア(_)が入っているとダメみたいです。作り直したら無事できるようになりまし…

error: cannot find symbol import com.reactnativenavigation.NavigationReactPackage;

react-native-navigationをビルドした時に失敗したのでその解決法をメモします。 /Users/asmsuechan/src/my_mobile/android/app/src/main/java/com/my_mobile/MainApplication.java:6: error: cannot find symbol import com.reactnativenavigation.Navigati…

react-nativeでPinterestみたいなUIを実現する

Pinterestの2カラムで高さ可変のUIをreact-nativeで作ります。 目標としたUI このレイアウトはMansoryといいます。 できたUI ライブラリ Mansoryレイアウトを実現するJSのライブラリはいくつかあって、Packery、Mansory.js、Bricks.jsなどが有名です。しかし…

AliEaters meetup #6 に参加した

8/29にあった Alibaba Cloud Developers Meetup #6に参加しました。 togetterにまとめがあります。これを見たら雰囲気はわかると思います。 8/29 AliEaters Meetup#6 - Togetter 会場は霞が関にあるWeWork日比谷パークフロントです。行く途中に国会議事堂が…

GraphQLのミューテーションを使う

GraphQLのミューテーションはリソースを変更するものです。 実行順の問題で、argsで渡された引数を元にリソースを変更することは好ましくありません。(詳しくは公式ドキュメントに任せます) const express = require('express') const graphqlHTTP = require…

GraphQLでパラメータを投げる

最近GraphQLを使っているのですがリクエストにパラメータを乗せるのに四苦八苦したのでメモしておきます。 const express = require('express') const graphqlHTTP = require('express-graphql') const { graphql, GraphQLSchema, GraphQLObjectType, GraphQ…

ApsaraDB for RDSへのマイグレーション

sequelizeを使ってApsaraDB for RDSにマイグレーションを流します。 ApsaraDB for RDSはちょっとお金がかかって、日本リージョンは1日120円くらいです。1ヶ月だと4000円ですね。個人利用だと地味に効いてくる値段です。 準備 準備として以下を行います。多分…

Function Compute + API GatewayでGraphQLのAPIを作成する

アリババクラウドのFunction Compute + API Gatewayの構成のAPIでGraphQLを使います。 GraphQLとは エンドポイントごとに機能を持たせるのではなく、一つのエンドポイントに命令をPOSTしてその結果を得るようにしたものです。 具体例だとこんな感じになりま…

Function Compute + API GatewayでPOSTのエンドポイントを作る

アリババクラウド のFunction Compute + API GatewayでPOSTのエンドポイントを作ってリクエストボディを拾うのが大変でした。 今回のソースコード // index.js const atob = require('atob'); const createMessage = (parameters) => { // データを保存する…

Function Computeの自動テスト

Function Computeに対するテストはfc-helperのtestを使って行います。 ここではアクセスがあったらhello world!\nというbodyと200のステータスを返すエンドポイントを想定します。 // index.js const { hook } = require('fc-helper'); exports.handler = ho…

serverless frameworkを使ってFunction ComputeとAPI Gatewayにデプロイする

serverlessを使う github.com serverlessはlambdaなどの各サービスの上へ簡単にサーバレスなアプリケーションを作成/デプロイできるCLIツールです。ロゴがカッコいいですね。 serverlessのプラグインとしてアリババクラウドが出しているserverless-aliyun-fu…

タイムトリガーでFunction ComputeからSlackに投稿する

やること この記事ではFunction ComputeからSlackに投稿する最小のコードを紹介します。 関数、トリガーの作成 まずFunction Computeでタイムトリガーの関数を作成します。 以下のコードがFunction ComputeからSlackに現在時刻を投稿する最小の(多分)コード…

Function ComputeとAPI GatewayにTravis CIからデプロイする

GitHubにpushしたFunction Compute用のコードをTravis CIからfunを使ってデプロイします。 やること Function Compute用のjsファイルをTravis CIからFunction ComputeとAPI Gatewayに自動でデプロイします。 準備 以下を参考にしてまずローカルからfunを使っ…

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-…

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

travis ciでVue.jsのプロジェクトをビルドしてdist/をS3にアップロードするようにします。 .travis.ymlの設定 .travis.ymlの設定は、travis setup s3コマンドが色々と便利にやってくれます。入れていない方はインストールしましょう。 $ gem install travis …

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…

IoT Platformを日本版Alibaba Cloudで使う

2018年7月にAlibaba Cloud日本版に登場したIoT Platformを使いました。 ざっくり説明 IoT Platformで管理しているデバイスに対してプッシュ型の通信ができます。 IoT Platformで出来ること IoT Platformでは現在以下のことができます。 デバイス管理 MQTTでp…

デフォルトゲートウェイが複数存在してしまいWi-Fiからインターネットに接続できない問題の解決

以下のような構成にした時、デフォルトゲートウェイがロボット側のネットワークのものを指してインターネットに接続できなくなってしまう問題が起こりました。 解決手順 イーサネットケーブルを抜いてWi-Fi接続の状態でrouteを実行してデフォルトゲートウェ…

aliyun-log-cliの使い方

AlibabaCloudのLog ServiceをCLIから操作するツールであるaliyun-log-cliを使ってみます。 aliyunlogの設定 ドキュメントを参考にaliyunlogを設定します。 なお、ドキュメントのエンドポイントは間違っています(2018/07/20)。エンドポイントはこちらを参考に…