Skip to content

Instantly share code, notes, and snippets.

@MrVibe
Last active August 12, 2021 14:51
Show Gist options
  • Save MrVibe/3beb7c429d34eb55f0bc64c4ddbda816 to your computer and use it in GitHub Desktop.
Save MrVibe/3beb7c429d34eb55f0bc64c4ddbda816 to your computer and use it in GitHub Desktop.
Latest WPLMS App [November 2019] - Tested [6th March 2020] - [update 6th May]
Notice [6th May] : InAppBrowser version should be 3.2.0 and Ios Cordova version 5.1.1
/*====
Ionic:
Ionic CLI : 5.4.4
Utility:
cordova-res : not installed
native-run : 0.2.8 (update available: 0.3.0)
System:
NodeJS : v10.15.0
npm : 6.10.3
OS : macOS Catalina
*===/
node -version : 10.15.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
or ionic start helloWorld blank --type=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 //3.2.0 for ios
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 cordova-plugin-ionic-webview@1.1.19
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="facebookappID" --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
Place google-services file, as shown below :
https://wplms.io/unit/installing-firebase-packages/?id=641
Camera Usage :
Add in Config file :
<config-file parent="NSCameraUsageDescription" target="*-Info.plist">
<string>App requires Camera use to take a profile picture for account</string>
</config-file>
<config-file mode="add" parent="ITSAppUsesNonExemptEncryption" target="*-Info.plist">
<false />
</config-file>
<edit-config file="*-Info.plist" mode="merge" target="NSCameraUsageDescription">
<string>This app requires Camera usage to assign a profile picture of you in your App profile.</string>
</edit-config>
<edit-config file="*-Info.plist" mode="merge" target="NSPhotoLibraryUsageDescription">
<string>This app requires photolibrary usage to upload a profile picture of you in your App profile.</string>
</edit-config>
@Ayoub-ELHanda
Copy link

plz help

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