Beruflich Dokumente
Kultur Dokumente
Contents
1. Config App & Wordpress ........................................................................................................................... 3
1.1. Change package name ........................................................................................................................ 3
1.2. Install & Setting plugins for Wordpress ...................................................................................... 4
1.3. Create OneSignal for Application Android ................................................................................. 7
2. Deploy App to *.apk for Android & *.ipa for iOS ........................................................................... 13
3. Use Deployapp.net Tool .......................................................................................................................... 14
4. Install Tools ................................................................................................................................................. 17
5. Build Android App for Testing ............................................................................................................. 20
5.1. Install Java Development Kit (JDK) ............................................................................................ 20
5.2. Install Android Studio & Android SDK ...................................................................................... 21
5.3. Setting environment variables for Android SDK .................................................................. 21
5.4. Add Platform ....................................................................................................................................... 23
5.5. Build to APK ........................................................................................................................................ 23
5.6. Error: Could not find an installed version of gradle either in android studio... ........ 24
6. Build iOS app for Testing ....................................................................................................................... 27
7. Public App to Store ................................................................................................................................... 28
7.1. Android Publishing........................................................................................................................... 28
7.2. Upload to Google Play Store .......................................................................................................... 29
7.3. iOS Publishing..................................................................................................................................... 32
8. Deploy on Mac OS ..................................................................................................................................... 47
9. FAQs ............................................................................................................................................................... 48
1. How to push notification ................................................................................................................... 48
2. Send a notice advising the posts or category ............................................................................. 50
3. How to change icon of category ...................................................................................................... 52
4. How to post a video? ........................................................................................................................... 53
5. How to create Album Galerry on Mobile App? .......................................................................... 54
6. How to Edit Title, Description for each Picture in Album? ................................................... 54
7. Change infomation application ....................................................................................................... 55
8. Translate mobile app to another language ................................................................................. 56
If our source have any error, please contact us throught our Ticket System Support:
- Forums: https://forums.buy-addons.com/forums/
Every app has a unique application ID that looks like a Java package name, such
as com.example.myapp
This ID uniquely identifies your app on the device and in Google Play Store, Apple Store...
Example:
On WP-Admin, go to Settings -> Permalinks, select any options except for Plain and Save
to change.
Open file: Wordpress Plugins/Download & Install.txt, download all plugins from this file
and Install it
Before continuing you need to configure the website to install JWT Authentication for WP-
API
RewriteEngine on
RewriteCond %{HTTP:Authorization} ^(.*)
RewriteRule ^(.*) - [E=HTTP_AUTHORIZATION:%1]
SetEnvIf Authorization "(.*)" HTTP_AUTHORIZATION=$1
define('JWT_AUTH_SECRET_KEY', 'your-top-secrect-key');
define('JWT_AUTH_CORS_ENABLE', true);
- Login to https://onesignal.com/ and click "Add a new app". Input App Name and click
Create
- Before continue, you need Add Google Services for app. Open Google Services
https://developers.google.com/mobile/add?platform=android&cntapi=gcm&pli=1 in new
- Select target is PhoneGap, Cordova, Ionic, Intel XDX and click Next
- Go to App Settings, tab Keys & IDs get the Onesignal App ID to change config.
• 1st Way: Use our online Tool (it is a Beta version) on http://deployapp.net/, please
read 3. Use Deployapp.net section
• 2nd Way: Manual install tools and deploy your app from your computer. Please
read: 4. Install Tools, 5. Build Android App for Test, 7. Public app to Store sections
Please read 4. Install Tools, 6. Build iOS App for Test, 7. Public app to Store
Step 4:
• Download file APK-debug file and test it on your real Android device
• Download & Upload APK-signed file to your Google Play if it is ready
You can uninstall there tools after uploaded your app to Google Play or Apple Store
Once you already installed, create a new project ionic from any directory with command:
- www
- resources
- plugins
- config.xml
Copy all SOURCE in Mobile App Source from our package to your IONIC project (Override
it it is necessary)
- Step 2: Set the JAVA_HOME environment variable to the location of your JDK installation
In File Explorer right-click on the This PC (or Computer) icon, then click Properties ->
Advanced System Settings -> Environmental Variables.
- Step 2: Open Android Studio, Click Next to download all Package for Android SDK
- Step 1: In File Explorer right-click on the This PC (or Computer) icon, then
click Properties -> Advanced System Settings -> Environmental Variables.
to PATH, example:
G:\androidSDK\tools;G:\androidSDK\platform-tools;
cd your_app_name
After add platform success, you can edit config, icon, splashscreen... in
YOUR_APP/platforms/android
Step 3: In File Explorer right-click on the This PC (or Computer) icon, then click Properties
-> Advanced System Settings -> Environmental Variables.
Under System Variables select Path, then click Edit. Add an entry for G:\nodejs7\gradle-
4.0\bin. Click OK to save.
So first, we need to generate a release build of our app, targeted at each platform we wish
to deploy on. Before we deploy, we should take care to adjust plugins needed during
development that should not be in production mode. For example, we probably don’t want
the debug console plugin enabled, so we should remove it before generating the release
builds:
To generate a release build for Android, we can use the following cordova cli command:
This will generate a release build based on the settings in your config.xml.
Your Ionic app will have preset default values in this file, but if you need to customize how
your app is built, you can edit this file to fit your preferences. Check out the config.xml file
(link: http://cordova.apache.org/docs/en/latest/config_ref/index.html) documentation for
more information.
Now, we need to sign the unsigned APK and run an alignment utility on it to optimize it and
prepare it for the app store. If you already have a signing key, skip these steps and use that
one instead.
Let’s generate our private key using the keytool command that comes with the JDK
You’ll first be prompted to create a password for the keystore. Then, answer the rest of the
nice tools’s questions and when it’s all done, you should have a file called my-release-
key.keystore created in the current directory.
Note: Make sure to save this file somewhere safe, if you lose it you won’t be able to
submit updates to your app!
To sign the unsigned APK, run the jarsigner tool which is also included in the JDK:
Finally, we need to run the zip align tool to optimize the APK. The zipalign tool can be found
in /path/to/Android/sdk/build-tools/VERSION/zipalign.
Now we have our final release binary called HelloWorld.apk and we can upload this on the
Google Play Store for all the world to enjoy!
(There are a few other ways to sign APKs. Refer to the official Android App Signing at here:
https://developer.android.com/studio/publish/app-signing.html )
Now that we have our release APK ready for the Google Play Store, we can create a Play
Store listing and upload our APK.
Once you have a developer account, you can go ahead and click “Publish an Android App on
Google Play” as in the screenshot below:
Then, you can go ahead and click the button to edit the store listing (We will upload an APK
later). You’ll want to fill out the description for the app. Here is a little preview from when
we filled out the application with the Ionic Todo app:
After you receive your developer status, open Xcode on your Mac and go to Preferences ->
Accounts and add your account to Xcode by clicking the + button on the lower left hand
side, and follow the instructions:
Now that you linked Xcode with your developer account, go to Preferences -> Accounts,
select your Apple Id on the left hand side and then click the View Details button shown on
the previous image. You should see the popup similar to the one on the image below:
You can learn more about maintaining your signing identities and certificates from
the official documentation:
https://developer.apple.com/library/content/documentation/IDEs/Conceptual/AppDistri
butionGuide/MaintainingCertificates/MaintainingCertificates.html
Once you’re logged in you should choose Certificates, Identifiers, and Profiles option as
shown on the image below:
On the next screen, shown partialy on the image below, you’ll have to set the name of your
app, and use the Explicit App ID option and set the Bundle ID to the value of the id in your
Cordova config.xml tag.
This will show three options in a dropdown, and you should select the New App. After this
the popup appears, as shown on the image below, where you have to choose the name of
the application, platform, primary language, bundle ID and SKU.
Now, before we fill out everything in the listing, we’ll build our app and get it uploaded with
Xcode. Then you’ll come back to finish the listing.
You can learn more about managing your app in iTunes Connect from
https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/AppDistributi
onGuide/UsingiTunesConnect/UsingiTunesConnect.html
In the root directory of your application execute the following command: ionic build ios --
release
If everything went well you’ll see the BUILD SUCCEEDED output in the console.
You should just check that the bundle identifier is set up correctly, so that it’s the same as
the value you specified earlier in the app ID. Also, make sure that the version and build
numbers are correct. Team option should be set to your Apple developer account. Under
the deployment target you can choose which devices your application will support.
In Xcode, select Product -> Scheme -> Edit Scheme to open the scheme editor. Next, select
the Archive from the list on the left hand side. Make sure that the Build configuration is set
to Release as shown on the image below:
Next, select Product -> Archive, and the Archive organizer appears and displays the new
archive.
If you get an email from iTunes Connect shortly after you uploaded the archive with the
content similar to this:
Next, click on the 1.0 Prepare for Submission button on the left hand side, as shown on the
image below. When we uploaded our archive, iTunes Connect automatically determined
which device sizes are supported. As you can also see on the image below, you’ll need to
upload at least one screenshot image for each of the various app sizes that were detected
by iTunes Connect.
In the Build section you have to click on the + button and select the build that was uploaded
through Xcode in the previous steps, as shown on the image below:
Now that we’re finished with adding all of the details to the app listing, we can
press Save and then Submit for Review. Finally, you’ll be presented with the last form that
you’ll have to fill out:
Apple prides itself with a manual review process, which basically means it can take several
days for your app to be reviewed. You’ll be notified of any issues or updates to your app
status.
Since you’ll probably want to update your app at some point you’ll first have to update the
build and version numbers in the Cordova config.xml file and then rebuild the application
and open it up from the Xcode and follow the same steps all over again.
Once you submit for the review, you’ll have to wait for the review process again. It’s pivotal
to note that if your changes aren’t too big you could use Ionic Deploy to update your
application without going through the review process.
- Enter information, click Next,...to Confirm, check information and click [Send Message] to
send notification
- You need include addtional data so that when a user clicks on the message will open the
posts or the categories
Example:
when users click on the notification will open posts with ID 234
- On the Wordpress Admin, open Posts -> Categories on menu left. Click the category to edit
or create new.
- In case Image, click Upload/Edit Image button, select your icon and
click Update (recommended image size 32x32 pixel)
In Content, you can enter any link to youtube, vimeo, or any video, Example
• https://vimeo.com/77677392
• https://www.youtube.com/watch?v=HOoreJa6ies
• http://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_1mb.mp4
• etc...
- You can change config application before build, like name of application, version,
description, author,...
Make sure you overwrite and don't change the name, image file size.
- Example, i want to translate into Vietnamese. I replace that value into Vietnamese
and Save file
9. RTL Language
To customization application for RTL Language open settings.js change rtl_language = true;