WeChatウィジェットLinux開発環境設定の詳細

1678 ワード

微信ウィジェットLinux開発環境
微信ウィジェット開発ツールはnw.jsが実現したのは、もともとプラットフォームをまたぐことができます.なぜ微信がwindowsとmac版しか出ていないのか分からない.今日はちょっと邪魔しましたが、linuxの下で微信ウィジェットを開発することができます.ubuntuを例に挙げると、
まずnwjs sdk環境をインストールします.devtoolのサポートが必要なので、必ずsdkバージョンをインストールします.
nwjs sdk圧縮パッケージをダウンロードした後、好きな場所に解凍して環境変数を設定し、nw実行ファイルをpath変数に追加します.
次に、微信ウィジェット開発ツールのpackageを抽出します.nwファイル、これはnwjsのプロジェクトパッケージファイルです.Windowsマシンにウィジェット開発ツールをインストールして、インストールディレクトリにpackageを見つけます.nwフォルダ、フォルダをlinuxシステムにコピーします.本来なら、このフォルダに入るnw.テンセントの開発者はプロジェクトのファイルリファレンスの中で大文字と小文字を区別せず、windowsで実行できるので、linuxの下ではだめです.原因がわかったら、引用ミス箇所を修正します.packageでnwディレクトリで実行:

sed -i 's/\.\/Create\/create\.js/\.\/create\/create\.js/ig' app/dist/components/ContainController.js
sed -i 's/\.\/main\.js/\.\/Main\.js/ig' app/dist/components/ContainController.js
sed -i 's/\.\/webview\/Picker/\.\/webview\/picker/ig' app/dist/components/simulator/controller.js
sed -i 's/\.\/webview\/ActionSheet\.js/\.\/webview\/actionSheet\.js/ig' app/dist/components/simulator/controller.js
sed -i 's/appServiceConfig\.js/appserviceConfig\.js/ig' app/dist/common/assdk/networkSdk.js

実行が完了したら、ディレクトリに入ります.

nw .

ウィジェット開発ツールを正常に開くことができ、開くと「failed to load...」とヒントを与える.エラーメッセージは、アイコンファイルがロードできないためです.パッケージを編集してもいいです.jsonの中の「icon」:「app/images/logo 2.png」は他のicoファイルまたは直接この行を削除すればよい.
補足:
nwを実行しています.前にnpm installが必要です.
ローカルでは、いくつかのモジュールを個別にインストールする必要があります.

npm install --save autoprefixer
npm install --save pretty
npm install --save perfectionist

読書に感謝して、みんなを助けることができることを望んで、みんなの当駅に対する支持に感謝します!