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

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

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

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

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

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

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

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

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

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

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

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…

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

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

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

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

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