이 글은 WEEX가'iOS, 안드로이드, 웹'에서 실행될 때까지 개발할 때 사용한 링크 등 내용을 총괄하고 있습니다!
나는 잘못된 해결 방법이 특히 참고할 만하다고 생각한다.

WEEX

3WEEX Vue입니다.js에서 개발한 코드를 'iOS, 안드로이드, 웹' 으로 컴파일합니다.
iOS와 안드로이드의 기본 코드를 컴파일하기 때문에 WebView로 표시하는 것보다 처리가 더 매끄럽습니다.
ReactNative의 Vuejs 버전.
안내 데스크에 있습니다.js의 채택과 비례하여 앞으로 weex의 이용도 증가할 것이다.
· WEEX의 샘플 일람표 (여기서 대충 알 수 있다)

한 벌

1.1 install

npm의'weex 제작 도구'를 설치합니다.( npm 환경 구축 )
이렇게 하면 weex 명령을 사용할 수 있다.

npm -g i weex-toolkit

1.2 weex 프로젝트 제작

"weexcreate"뒤에 프로젝트 이름을 써서 만듭니다.
이번에는 weex-test라는 이름으로 제작되었습니다.
실행하면 프로젝트 이름, 상세 등을 묻기 때문에 각각 입력합니다.
완료되면 'weex-test' 라는 폴더를 생성합니다.

weex create weex-test

1.3npm의 포장 설치

npm는 라이브러리의 정보만 파일에 모아서'npm install'로 라이브러리를 설치하기 때문에 라이브러리를 설치합니다.

cd weex-test
npm install 

1.4 프로젝트 시작

다음 명령을 실행하면 브라우저가 자동으로 시작됩니다.

npm start

이렇게 하면 브라우저에서 응용 프로그램의 상태를 확인할 수 있다.
오른쪽 아래에 있는'conmonents/Hello World와 index'는 페이지를 클릭하고 왼쪽 아이폰 화면을 전환합니다.
오른쪽에 있는 QR코드는 다음 항목을 다운로드하고 스캔하는 weex 애플리케이션입니다.

응용 프로그램으로 구축 내용을 테스트하는 공식 응용 프로그램

또한 Weex에서 제공하는 응용 프로그램에서 빌드 컨텐트를 실행할 수도 있습니다.
• iOS 애플리케이션
• Android 애플리케이션

1.5iOS 및 안드로이드 환경

다음 두 명령을 실행하여 iOS 및 Android를 구축하는 환경을 설치합니다.

weex platform add ios
weex platform add android

2 시뮬레이터로 실행

2.1 iOS 구축

다음 명령을 실행하면 아이폰 녹화 기회가 자동으로 시작됩니다.
빌딩은 시간이 좀 걸린다.
※ X코드의 최신 버전을 업데이트해야 합니다.

weex run ios

2.2 실행할 iOS 에뮬레이터 버전 선택

선택 화면이 나타나므로 화살표로 이동하고 Enter로 결정합니다.

ERR1. 이 오류가 발생한 경우

stderr: xcode-select: error: tool 'xcodebuild' requires Xcode, but active developer directory '/Library/Developer/CommandLineTools' is a command line tools instance

이 두 명령을 집행하다.

xcode-select --install
sudo xcode-select --switch /Library/Developer/CommandLineTools 

ERR2. 이 오류가 발생한 경우

Error:Error: Command failed: pod update

이 명령을 실행합니다.
cocoapod 설치 기사

sudo gem install cocoapods

2.4 실행

처음 설치하면 10분 정도 걸리고 두 번째부터는 건물만 있어서 3분 정도 걸립니다.
기본적으로 개발은 웹 브라우저에서 이루어지는 느낌입니다.

2.6 iOS의 실제 시스템에서 수행

platforms 폴더의 ios 폴더를 엽니다.
거기에 Xcode 파일이 있기 때문에 그것을 열면 Xcode에서 실제 컴퓨터로 실행할 수 있습니다.
• Xcode 실제 실행 방법 사용

open weex-test/platforms/ios

2.6 안드로이드 구축

Android의 실제 컴퓨터로 실행합니다.
USB에 연결되면 파일의 연결을 허용합니다.
빌딩은 시간이 좀 걸린다.
※ 안드로이드 스튜디오를 설치해 업데이트하는 것이 좋습니다.
※ 안드로이드SDK에 미리 가입해야 합니다.
· Mac 안드로이드 Studio 설치
• Windows Android Studio 설치

weex run android

ERR1. 이 오류가 발생한 경우

adb: command not found

다음 명령을 ~/.bash 소개 파일에 추가합니다.
AndroidSDK를 설치하여 PATH에 Plaatform-tools 폴더를 추가합니다.
~/.bash_profile

// abdコマンドの設定
export PATH=$PATH:/Users/ここに自分のユーザ名/Library/Android/sdk/platform-tools/

추가 후 "source ~/. bash 프로필"을 실행합니다.

ERR2. 이 오류가 발생한 경우

Environment variable $ANDROID_HOME not found !

다음 명령을 ~/.bash 소개 파일에 추가합니다.
~/.bash_profile

// Android Home
export ANDROID_HOME="/Users/ここに自分のユーザ名/Library/Android/sdk/"

추가 후 "source ~/. bash 프로필"을 실행합니다.

ERR3. 이 오류가 발생한 경우

장치가 연결되지 않았습니다.

Error: No android devices found.

이 명령에 연결된 장치 목록이 표시되어도 나타나지 않습니다.

adb devices

"~/.android/adb usb.ini"파일에 ID를 추가합니다.
이 문장을 참고하다
~/.android/adb_usb.ini

自身のデバイスのVenderID

이래도 안 되는 상황에서 설비와 컴퓨터를 연결하는 케이블에 문제가 있을 수 있다.
나는 케이블만 충전할 줄 알고 데이터를 보낼 수 없는 것을 썼는데 오류가 발생했습니다><

ERR4. 이 오류가 발생한 경우

Error: Error: Command failed: ./gradlew  assembleDebug

FAILURE: Build failed with an exception.

* What went wrong:
Could not determine java version from '10.0.2'.

위의 오류가 발생하면 자바의 버전을 JAVA8로 낮춰야 합니다.(2018/12/14 중)
· Mac를 통해 JAVA 버전 전환

2.7 실행

안드로이드 실기로 실행했습니다!

2.8 웹 구축

다음 명령을 실행하면 브라우저에서 "localhost: 번호"라는 URL이 열립니다.

weex run web

2.9 웹에서 수행 가능

3. 개발

3.1 참조

구성 요소 일람은 이 페이지를 참고하십시오.
각 참조의 페이지 아래에는 어떤 기능이 있는지 확인할 수 있는 Example 링크가 있습니다.
https://weex.incubator.apache.org/references/components/a.html

3.2 패키지 사용

화면 아래 탭 등 npm 패키지를 다운로드해 사용할 수 있다.
https://www.npmjs.com/package/weex-tabbar

3.3 http request

stream.fetch 사용
https://weex.incubator.apache.org/references/modules/stream.html

3.4 실제 시스템의 스토리지에 저장

storge 클래스 사용
https://weex.incubator.apache.org/references/modules/storage.html

3.5 iOS 및 Android 고유의 기능 사용

weex에 없는 기능은 각각 로컬 코드를 추가해야 합니다.
기능과 플러그인은 ReactNative에 비해 얼마나 클 수 있습니다.
• iOS 확장
· 안드로이드 확장

참고 자료

・ 공식 강좌