Гибридный клиент WordPress: Приложения для iOS / Android на платформе WordPress

 "api": {
    "baseUrl": "http://YourDomain.com/wp-json"
},

 "pushNotifications": {
    "enabled": true,
    "baseUrl" : "http://yourDomain.com/pnfw",
    "android": {
        "senderID": ""
    },
    "ios": {
        "badge": true,
        "sound": true,
        "alert": true
    }
}

 npm run devserver

Затем откройте http: // localhost: 8080 / webpack-dev-server / и проверьте, все ли работает должным образом . Каждая модификация исходного кода (или конфигурация) автоматически создает проект и перезагружает приложение. Вы сразу увидите результат.

Сборка (родная)

Установите платформы и плагины Cordova

Все, что вам нужно сделать, это запустить одну команду и ответить на вопросы: npm run installCordova

 $ npm run installCordova

> wordpress-hybrid-client@1.4.0 installCordova /Users/shprink/Sites/demos/wphc-1.4
> sh ./install_cordova.sh

Which platforms do you want to build? (android ios):

После того, как вы выбрали платформы, для которых вы хотите построить, скрипт установит все необходимые плагины Cordova.

Android

Предпосылки

• Android SDK
• Муравей

Сборка и запуск версии Dev (не минифицирована и не отлажена)

Подключите ваше устройство, если оно у вас есть (убедитесь, что ваше устройство указано в списке, запустив: $ adb devices

 # Dump dev files within the www folder
npm run dumpdev

npm run runAndroid

Совет для профессионалов : если вы хотите протестировать минификацию, вы также можете запустить версию prod в режиме отладки, используя npm run dumpprodnpm run dumpdev

IOS

Предпосылки

• OS X
• Xcode
• Профиль обеспечения
• iOS Симулятор

 sudo npm install -g ios-sim npm install ios-deploy

Сборка и запуск версии Dev (не минифицирована и не отлажена)

Подключите ваше устройство, если оно у вас есть, или позвольте симулятору iOS справиться с этим.

 # Dump dev files within the www folder
npm run dumpdev

npm run runIOS

Совет для профессионалов : если вы хотите протестировать минификацию, вы также можете запустить версию prod в режиме отладки, используя npm run dumpprodnpm run dumpdev

Вы можете найти больше информации здесь .

Выпуск

Убедитесь, что у вас установлены платформы iOS и / или Android. Если вы правильно запустили npm run installCordova

Android

Получить и сохранить лицензионный ключ

https://support.google.com/googleplay/android-developer/answer/186113?hl=en

Скопируйте и вставьте ключ в папку ~/.sshandroid_wphc.keystore

NB : Вы можете поместить ключ куда угодно и даже переименовать его. Но если вы сделаете это, вам нужно будет соответствующим образом изменить release.sh

Построить PROD APK

 npm run build

Затем следуйте инструкциям.

IOS

Документация

Сборка для iOS может быть болезненной, если вы сначала не прочитали следующую документацию:

https://developer.apple.com/programs/ios/gettingstarted/

https://developer.apple.com/library/mac/documentation/LanguagesUtilities/Conceptual/iTunesConnect_Guide/Chapters/CreatingiTunesConnectRecord.html#//apple_ref/doc/uid/TP40011225-CH13

http://codewithchris.com/submit-your-app-to-the-app-store/

Установить вздох

«Вздох» позволяет нам подписывать .app с помощью файла обеспечения через терминал.

 # https://github.com/KrauseFx/sigh
sudo gem install sigh

Строй ПРОД ИПА

 npm run build

Снова следуйте инструкциям.

Вы можете найти больше информации здесь .

Вывод

К настоящему времени у вас должно быть запущено приложение на вашем сайте WordPress. Если вам нравится этот проект, вы можете внести свой вклад (есть много замечательных функций), следить за блогом или даже общаться с нами !

Также, если ваше приложение доступно в магазинах, не стесняйтесь делиться им с нами, мы будем продвигать его в нашем разделе «Построен с WPHC» !

Если WPHC не совсем то, что вы ищете, вот список моих любимых платных услуг:

• http://reactorapps.io
• http://www.mobiloud.com
• http://ideapress.me/