Skip to content

Instantly share code, notes, and snippets.

@MrVibe
Created June 29, 2020 13:28
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save MrVibe/1f8cfacb41d41fe62aadee88db0c6246 to your computer and use it in GitHub Desktop.
Save MrVibe/1f8cfacb41d41fe62aadee88db0c6246 to your computer and use it in GitHub Desktop.
For android
steps:------------------------------------------------------------------------------------------------------------
node -version : 8.10.0
remove ionic and cordova first so that caching will not effect
npm uninstall -g ionic cordova
then install this version
npm install -g ionic cordova
create ionic app
ionic start helloWorld blank --type=ionic-angular
check if created app works on browser : To run your app, cd into the directory that was created and then run the ionic serve command to test your app right in the browser!
cd helloWorld
ionic serve
place src and given package.json file to root of you project and run these commands to install the plugin
ionic cordova plugin add cordova-plugin-camera@2.4.1
ionic cordova plugin add cordova-plugin-inappbrowser@1.7.2
ionic cordova plugin add cordova-plugin-camera@2.4.1
ionic cordova plugin add cordova-plugin-compat@1.2.0
ionic cordova plugin add cordova-plugin-console@1.0.5
ionic cordova plugin add cordova-plugin-device@1.1.7
ionic cordova plugin add cordova-plugin-file@4.3.3
ionic cordova plugin add cordova-plugin-file-transfer@1.6.3
ionic cordova plugin add cordova-plugin-inappbrowser@1.7.2
ionic cordova plugin add cordova-plugin-inapppurchase@1.1.0
ionic cordova plugin add cordova-plugin-splashscreen@4.1.0
ionic cordova plugin add cordova-plugin-statusbar@2.4.2
ionic cordova plugin add cordova-plugin-whitelist@1.3.3
ionic cordova plugin add cordova-sqlite-storage@2.0.4
ionic cordova plugin add ionic-plugin-keyboard@2.2.1
ionic cordova plugin add cordova-support-google-services@1.3.2
ionic cordova plugin add phonegap-plugin-barcodescanner@8.1.0
ionic cordova plugin add phonegap-plugin-push@2.3.0
ionic cordova plugin add cordova-plugin-googleplus --variable REVERSED_CLIENT_ID=myreversedclientid
ionic cordova plugin add cordova-plugin-facebook4@1.7.4 --variable APP_ID="491338181212175" --variable APP_NAME="WPLMS Mobile App"
After that rename the node_modules folder to old_node_module (or any name)
then run command : npm install
Error solution
can not find firebase module fix : npm install --save firebase@6.2.4
app-scripts fix : npm install @ionic/app-scripts@3.2.4 --save-dev
for sass error fix : npm rebuild node-sass
Failed to install 'cordova-plugin-googleplus': undefined CordovaError: Promise rejected with non-error: 'CocoaPods was not found.
sudo gem install cocoapods
pod setup
cordova platform remove ios
cordova platform add ios
storage plugin error :
remove storage plugin -ionic cordova plugin remove cordova-sqlite-storage
add plugin without version specifying - ionic cordova plugin add cordova-sqlite-storage
package.json :-----------------------------------------------------------------------------------
{
"name": "myapp5.4.4",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "http://ionicframework.com/",
"private": true,
"scripts": {
"start": "ionic-app-scripts serve",
"clean": "ionic-app-scripts clean",
"build": "ionic-app-scripts build",
"lint": "ionic-app-scripts lint"
},
"dependencies": {
"@angular/animations": "5.2.11",
"@angular/common": "5.2.11",
"@angular/compiler": "5.2.11",
"@angular/compiler-cli": "^8.2.14",
"@angular/core": "5.2.11",
"@angular/forms": "5.2.11",
"@angular/http": "5.2.11",
"@angular/platform-browser": "5.2.11",
"@angular/platform-browser-dynamic": "5.2.11",
"@ionic-native/barcode-scanner": "^4.20.0",
"@ionic-native/camera": "^4.20.0",
"@ionic-native/core": "~4.20.0",
"@ionic-native/device": "^4.20.0",
"@ionic-native/facebook": "^4.20.0",
"@ionic-native/file": "^4.20.0",
"@ionic-native/file-transfer": "^4.20.0",
"@ionic-native/google-plus": "^4.20.0",
"@ionic-native/in-app-browser": "^4.20.0",
"@ionic-native/in-app-purchase": "^4.20.0",
"@ionic-native/push": "^4.20.0",
"@ionic-native/splash-screen": "~4.20.0",
"@ionic-native/status-bar": "~4.20.0",
"@ionic/storage": "2.2.0",
"@ngx-translate/core": "8.0.0",
"@ngx-translate/http-loader": "^2.0.0",
"@types/dragula": "^2.1.34",
"chart.js": "^2.8.0",
"cordova-android": "^8.1.0",
"cordova-ios": "^5.1.1",
"cordova-plugin-camera": "^2.4.1",
"cordova-plugin-compat": "^1.2.0",
"cordova-plugin-console": "^1.0.5",
"cordova-plugin-device": "^1.1.7",
"cordova-plugin-facebook4": "^1.7.4",
"cordova-plugin-file": "^4.3.3",
"cordova-plugin-file-transfer": "^1.6.3",
"cordova-plugin-googleplus": "^8.2.0",
"cordova-plugin-inappbrowser": "^1.7.2",
"cordova-plugin-inapppurchase": "^1.1.0",
"cordova-plugin-splashscreen": "^4.1.0",
"cordova-plugin-statusbar": "^2.4.2",
"cordova-plugin-whitelist": "^1.3.3",
"cordova-sqlite-storage": "^2.0.4",
"cordova-support-google-services": "^1.3.2",
"dragula": "^3.7.2",
"firebase": "^6.2.4",
"imgcache.js": "^1.1.1",
"ionic-angular": "3.9.5",
"ionic-emoji-picker": "^0.1.8",
"ionic-plugin-keyboard": "^2.2.1",
"ionicons": "3.0.0",
"ng2-dragula": "^1.5.0",
"phonegap-plugin-barcodescanner": "^8.1.0",
"phonegap-plugin-multidex": "^1.0.0",
"phonegap-plugin-push": "^2.3.0",
"rxjs": "5.5.11",
"sw-toolbox": "3.6.0",
"videogular2": "^6.1.1",
"zone.js": "0.8.29"
},
"devDependencies": {
"@ionic/app-scripts": "3.2.2",
"typescript": "~2.6.2",
"cordova-plugin-ionic-webview": "^4.0.0",
"cordova-plugin-ionic-keyboard": "^2.0.5"
},
"description": "An Ionic project",
"cordova": {
"plugins": {
"cordova-plugin-camera": {},
"cordova-plugin-inappbrowser": {},
"cordova-plugin-compat": {},
"cordova-plugin-console": {},
"cordova-plugin-device": {},
"cordova-plugin-file": {},
"cordova-plugin-file-transfer": {},
"cordova-plugin-inapppurchase": {},
"cordova-plugin-splashscreen": {},
"cordova-plugin-statusbar": {},
"cordova-plugin-whitelist": {},
"cordova-sqlite-storage": {},
"ionic-plugin-keyboard": {},
"cordova-plugin-ionic-webview": {},
"cordova-plugin-ionic-keyboard": {},
"cordova-plugin-facebook4": {
"APP_ID": "491338181212175",
"APP_NAME": "wplms"
},
"cordova-plugin-googleplus": {
"REVERSED_CLIENT_ID": "com.googleusercontent.apps.t0b9g6ufas6cdntveo8cpfg20q9of4tk-894046507848",
"PLAY_SERVICES_VERSION": "15.0.1"
},
"cordova-support-google-services": {},
"phonegap-plugin-barcodescanner": {
"ANDROID_SUPPORT_V4_VERSION": "27.+"
}
}
}
}
config.xml :------------------------------------------------------------------------------------------------
<?xml version='1.0' encoding='utf-8'?>
<widget id="com.vibethemes.wplms" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<name>MyApp</name>
<description>An awesome Ionic/Cordova app.</description>
<author email="hi@ionicframework.com" href="http://ionicframework.com/">Ionic Framework Team</author>
<content src="index.html" />
<access origin="*" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
<allow-intent href="tel:*" />
<allow-intent href="sms:*" />
<allow-intent href="mailto:*" />
<allow-intent href="geo:*" />
<preference name="ScrollEnabled" value="false" />
<preference name="android-minSdkVersion" value="19" />
<preference name="BackupWebStorage" value="none" />
<preference name="SplashMaintainAspectRatio" value="true" />
<preference name="FadeSplashScreenDuration" value="300" />
<preference name="SplashShowOnlyFirstTime" value="false" />
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="3000" />
<platform name="android">
<edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android">
<application android:networkSecurityConfig="@xml/network_security_config" />
</edit-config>
<resource-file src="resources/android/xml/network_security_config.xml" target="app/src/main/res/xml/network_security_config.xml" />
<allow-intent href="market:*" />
<icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />
<icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />
<icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" />
<icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" />
<icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" />
<icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" />
<splash density="land-ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png" />
<splash density="land-mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png" />
<splash density="land-hdpi" src="resources/android/splash/drawable-land-hdpi-screen.png" />
<splash density="land-xhdpi" src="resources/android/splash/drawable-land-xhdpi-screen.png" />
<splash density="land-xxhdpi" src="resources/android/splash/drawable-land-xxhdpi-screen.png" />
<splash density="land-xxxhdpi" src="resources/android/splash/drawable-land-xxxhdpi-screen.png" />
<splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" />
<splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" />
<splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" />
<splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" />
<splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />
<splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />
</platform>
<platform name="ios">
<allow-intent href="itms:*" />
<allow-intent href="itms-apps:*" />
<icon height="57" src="resources/ios/icon/icon.png" width="57" />
<icon height="114" src="resources/ios/icon/icon@2x.png" width="114" />
<icon height="29" src="resources/ios/icon/icon-small.png" width="29" />
<icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" />
<icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" />
<icon height="20" src="resources/ios/icon/icon-20.png" width="20" />
<icon height="40" src="resources/ios/icon/icon-20@2x.png" width="40" />
<icon height="60" src="resources/ios/icon/icon-20@3x.png" width="60" />
<icon height="48" src="resources/ios/icon/icon-24@2x.png" width="48" />
<icon height="55" src="resources/ios/icon/icon-27.5@2x.png" width="55" />
<icon height="29" src="resources/ios/icon/icon-29.png" width="29" />
<icon height="58" src="resources/ios/icon/icon-29@2x.png" width="58" />
<icon height="87" src="resources/ios/icon/icon-29@3x.png" width="87" />
<icon height="40" src="resources/ios/icon/icon-40.png" width="40" />
<icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" />
<icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" />
<icon height="88" src="resources/ios/icon/icon-44@2x.png" width="88" />
<icon height="50" src="resources/ios/icon/icon-50.png" width="50" />
<icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" />
<icon height="60" src="resources/ios/icon/icon-60.png" width="60" />
<icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" />
<icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" />
<icon height="72" src="resources/ios/icon/icon-72.png" width="72" />
<icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" />
<icon height="76" src="resources/ios/icon/icon-76.png" width="76" />
<icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" />
<icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" />
<icon height="172" src="resources/ios/icon/icon-86@2x.png" width="172" />
<icon height="196" src="resources/ios/icon/icon-98@2x.png" width="196" />
<icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" />
<splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />
<splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
<splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
<splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" />
<splash height="1125" src="resources/ios/splash/Default-Landscape-2436h.png" width="2436" />
<splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" />
<splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />
<splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" />
<splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" />
<splash height="2048" src="resources/ios/splash/Default-Landscape@~ipadpro.png" width="2732" />
<splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
<splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
<splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />
<splash height="2436" src="resources/ios/splash/Default-2436h.png" width="1125" />
<splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" />
</platform>
<plugin name="cordova-plugin-whitelist" spec="1.3.3" />
<plugin name="cordova-plugin-statusbar" spec="2.4.2" />
<plugin name="cordova-plugin-device" spec="2.0.2" />
<plugin name="cordova-plugin-splashscreen" spec="5.0.2" />
<plugin name="cordova-plugin-ionic-webview" spec="^4.0.0" />
<plugin name="cordova-plugin-ionic-keyboard" spec="^2.0.5" />
</widget>
@sonydaman
Copy link

Could you please guide me on how to run a shortcode like [wplmls_bbb] ?

@MrVibe
Copy link
Author

MrVibe commented Jul 13, 2020 via email

@sonydaman
Copy link

it's not working in android app.
It is showing the shortcode in the app.
Screenshot 2020-07-19 at 10 33 49 PM

@MrVibe
Copy link
Author

MrVibe commented Jul 20, 2020

it's not working in android app.
It is showing the shortcode in the app.
Screenshot 2020-07-19 at 10 33 49 PM

Only works inside unit pages.

@sonydaman
Copy link

I just added a video (YouTube) course.In web it is running fine but in mobile app its blinking.
One che request keep running that's the reason it's blinking.Could you please help on this?

@sonydaman
Copy link

Any update waiting for reply...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment