appium で WebDriverAgentRunner_Runner.app がiOSシミュレータにすらインストールされずにテストできない件

appium を利用してiOSのインテグレーションテストをやっているのですが、ある日動かなくなりました。どうやら WebDriverAgentRunner-Runner.app がシミュレータにインストールされずテストが開始できない模様。

appiumをアプデ(1.x系最新・2.0-beta両方) してもダメでしたが WebDriverAgentRunner-Runner.app を司っている appium-webdriveragent を最新に強制 (3.16.0 → 4.10.15) に強制すると動くようになりました。

package.json に以下を記載です。

"resolutions": {

"appium-webdriveragent": "^4.10.15"

}

}

良かった良かった。

Podfile から Pods.xcodeproj の Build Active Architecture Only を NO

ずっと Intel Mac で ReactNative アプリをビルドしていたのですが Apple Silicon な Mac で react-native run-ios しようとすると以下のようなリンクエラーが山ほど出てしまいました。

building for ios simulator-x86_64 but attempting to link with file built for ios simulator-arm64

自分の場合は原因は２つでした。

"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "arm64" している

シミュレータ環境では arm64 をビルドするな、という設定ですね。
指定した理由を思い出せないのですが、消します。

Pods に対して Build Active Architecture Only の Debug が YES になっている

ここです。(スクショはNoに変更した後)

XCodeから編集しても pod install すると戻ってしまうので、ios/Podfile で対処します。

target 'awesomeApp' do

:

post_install do |installer|

if RUBY_PLATFORM =~ /\Aarm64/

installer.pods_project

.build_configurations

.find {|conf| conf.name == 'Debug'}

.build_settings['ONLY_ACTIVE_ARCH'] = 'NO'

end

end

end

Barrierのサーバー設定で PEM_read_bio:no start line "barrier" エラーになったとき

キーボード/マウスを複数台のPC/Macで共有する Barrier のサーバー設定で、ssh-keygen で生成した Barrier.pem ファイルを C:/Users/<username>/AppData/Local/Barrier/SSL/ にコピーしてもエラーが発生する事があります (自分は発生しました) 。

SSL routines:PEM_read_bio:no start line "barrier"

これについて

개발 도구 – Kyuling Company

openssl req -x509 -nodes -days 365 -subj /CN=Barrier -newkey rsa:4096 -keyout Barrier.pem -out Barrier.pem

と再構成することで治るようです (自分は治りました) 。

正直良くわかりません。

WSL2内サービスをWindows外からアクセスできるようにする

例えば WSL2 の中でsshdを起動してWindows外からアクセスできるようにすると、VSCodeのRemoteDevelop(SSH) でWSL2の中へ飛び込んだり出来て嬉しい(個人差があります)訳ですが、幾つか設定が必要になります。

Windowsホストからであれば localhost でWSL2のサービスへ接続できますが、Windows外からは素の状態ではアクセス出来ません。

sshd (ポート22) を例にすると以下が必要になります。

1.  Windowsファイアウォール
   詳細は省略。TCPポート22番を許可しましょう。
2. Windowsホスト→WSL2のポートフォワード
   netsh.exe でポートフォワードを設定します。本稿はこれの説明になります。

netsh.exe によるポートフォワード

Netsh.exe - Win32 apps | Microsoft Docs

こうです。EXE指定するとWSL2からでも実行できます。

netsh.exe interface portproxy add v4tov4 \
listenport=22 listenaddress=0.0.0.0 \
connectport=22 connectaddress=<WSL2-VMのIP>

netsh.exe をスクリプトから管理者権限で実行する

powershellでできます。EXE指定すると(ry

powershell.exe -noprofile -noninteractive \
-command "Start-Process powershell.exe -Verb RunAs -ArgumentList 'netsh.exe ...'

まとめ

WSL2内から実行するnodejsスクリプトとして書くとこうなります。

gist.github.com

Gemfileを無視してgem installしたコマンドを使う

cocoapodsが

• homebrew版は動かず
• Gemfileに記述した版は ffi がコンフリクトして bundle installできず
• 普通に gem install した版は動くのでこれを使いたい

ことから調べた。要はプロジェクトの Gemfile を無視してグローバルに gem install したコマンドを使いたいのだけど、普通に叩くとプロジェクトの Gemfile が邪魔をするのでこれを回避する方法。  

方法

$ BUNDLE_GEMFILE=~/ pod install

仕組み

http://ruby.studio-kingdom.com/bundler/bundle_config/ や
https://bundler.io/v2.0/man/bundle-config.1.html によれば
「BUNDLE_GEMFILE で Gemfile が指定されればそれを使い指定されてなければ遡って探す」ので、これで探さなくさせた。

react-native-webView で android/ios共通アセットを表示する

react-nativeプロジェクトに以下を配置してあるとします。

awesomeWebViewApp/
 |- android/
 |- ios/
 |- webViewAssets
 |    |- assets/
 |         |- view1/   //<=これを表示したい
 |             |- index.html
 |             |- bundle.js
 |- App.js
 :

Android向けの準備

android/app/build.gradle に以下を記述します。

  :
android {
    :
    sourceSets {
        main {
            assets.srcDirs = ["../../webViewAssets/assets"]
        }
    }
}

iOS向けの準備

webViewAssets/assets/ を Finder から XCode の Project Navigator (左ペインのプロジェクト階層を表示しているやつ) へドロップして Added folders - Create folder reference
で追加します。

WebViewへの指定

• Android と iOS で uri が違うので切り分ける
• (iOSで) originWhitelist: ['*'] が必要

GitHub - suzumura-ss/awesomeWebViewApp: example of React-Native WebView

import React from 'react';
import {SafeAreaView, StatusBar, Platform} from 'react-native';
import {WebView} from 'react-native-webview';


export default function App () {
  const viewStyle = { flex: 1 };
  const webViewConfig = {
    //startInLoadingState: true,
    //scalesPageToFit: true,
    javaScriptEnabled: true,
    //domStorageEnabled: true,
    //ignoreSslError: true,
    originWhitelist: ['*'],
    // allowFileAccess: true,
    // allowUniversalAccessFromFileURLs: true,
    style: { flex: 1 },
    source: (Platform.OS === 'android')
      ? { uri: 'file:///android_asset/view1/index.html' }
      : { uri: './assets/view1/index.html' }
  };
  return (
    <>
      <StatusBar barStyle="dark-content" />
      <SafeAreaView style={viewStyle}>
        <WebView {...webViewConfig} />
      </SafeAreaView>
    </>
  );
}

React-Native で gradle の productFlavors を使いつつデバッグ起動する

Androidビルドの app/build.gradle に productFlavors を追加すると

:
    flavorDimensions "default"
    productFlavors {
        dev {
            minSdkVersion 21
            versionNameSuffix "-dev"
            applicationIdSuffix '.dev'
        }
        prod {
        }
    }
:

タスク installDebug が無くなるため react-native run-android できなくなります。

$ react-native run-android
    :
FAILURE: Build failed with an exception.

* What went wrong:
Task 'installDebug' not found in project ':app'. Some candidates are: 'installDevDebug'.
    :

react-native に引数指定が要ります。

$ react-native run-android --variant devDebug --appId com.package.name.dev

手動も起動してみました。

#!/bin/bash

# reverse socket connection 生成
adb reverse tcp:8081 tcp:8081

# Metro bundler 起動
npm start &

# ビルドとインストール
( cd android; ./gradlew instalDevDebug )

# アプリケーション起動
adb shell am start -n com.package.name.dev/com.package.name.MainActivity