i am hashik
I had try to build a ionic framework for build android app,
and i was focus on push notification, but i getting error on "push pluging not found"
Any Cordova functionality will not work correctly when testing via the browser. Cordova provides a bridge to the mobile device's native functionality which a desktop browser wouldn't understand. So these files aren't included when serving locally
Related
I'm having a hard time to find how to build the .apk and .ipa on Flutter.
I'm using Android Studio to make the apps, but I have no ideia on how to build it and I can't find any tutorial or documentation showing how to do it. I need to know how viable is it, because I pretend to create a lot of apps and grow on Flutter developing, so I need to know how to build and deploy my apps.
I'm just starting at Flutter developing, so I'm very beginner.
I'm using windows, can I build and deploy my apps, both for Android and IOS on it?
I've experience in building native android applications. But I'm completely new to hybrid application development and Would like to use Framework7.
I'm starting to use it. I don't know how to build the project and get an install-able file (or for distribution in playstore).
Any help is appreciated.
Cordova is a good way to start.
When I used to develop Hybrid apps, Cordova was the way to generate APKs.
I really enjoyed it, since it has a lot of Plugins, like FireBase Cloud Messaging Plugin to receive notifications within your hybrid App. It's more than a simple WebView App.
Apache Cordova is an open-source mobile development framework. It allows you to use standard web technologies - HTML5, CSS3, and JavaScript for cross-platform development. Applications execute within wrappers targeted to each platform, and rely on standards-compliant API bindings to access each device's capabilities such as sensors, data, network status, etc.
Use Apache Cordova if you are:
a mobile developer and want to extend an application across more than
one platform, without having to re-implement it with each platform's
language and tool set.
a web developer and want to deploy a web app that's packaged for
distribution in various app store portals.
a mobile developer interested in mixing native application components
with a WebView (special browser window) that can access device-level
APIs, or if you want to develop a plugin interface between native and
WebView components.
Here are all the steps needed to start with Cordova https://cordova.apache.org/docs/en/latest/guide/cli/index.html
Also, I used to follow these steps to generate a signed APK so it's possible to launch it on Google Play.
How do I put my cordova application on the android play store?
our PWA lives here: https://m.quemesa.com and we also have native apps with the same codebase.
However, we are not targeting the Cordova Browser platform (because it does not seem to be officially supported and I can’t see what benefit it adds) so we have to add slightly different code for our PWA compared to our native app builds. For example, In the PWA, we use the pure Google Analytics solution which requires 2 lines of javascript in the index.html.
For our native builds, we use the Cordova GA plugin, so this is not required. In the PWA we don’t need to link to Cordova.js and Vendor.js for exmaple (they get a 404 error). In the native apps we do.
Currently I am manually editing (yuck) the output folder before uploading to Azure for the PWA.
Is there some way to edit the Ionic Build Process so that I can either have 2 versions of the Index and it grabs the one it wants for the output folder depending on the build type OR it can modify the html file at build time?
The current ionic build tool alone doesn't support this.
You could just have 2 versions of index.html and a small script to swap between them and build both versions.
It's also something you could do with a "full" CI build tool. Since you mentioned Azure you could make use of Visual Studio Team Services. There are existing tasks available for npm (to install ionic, run a PWA build) and running command/PowerShell scripts. It may be easier to start off by setting up an "agent" VM with everything it needs to build your app (node, ionic, Android studio, etc) then build your build process up from there.
I use gulp-preprocessto update index.html on build depending on platform targeted. The idea of the preprocess is to generate a target index.html before the ionic serve/build with the exact declarations required for the mode selected, pwa or native. More details on this post "Using Ionic/Cordova app sources as PWA"
I want to debug my ionic application in WebStorm.
I am able to run the app in browser. But how can I debug?
I tried: ionic serve --debug which doesn't seem to trigger any debugging?
How can I debug the app when it runs in browser?
With Chrome you can type chrome://inspect into your address bar
As soon as you are running your Android app, you can inspect the app when you are running it with the "ionic run android" or "ionic emulate android" command
The version of Android, however, must be higher than 4.3 I think...
According to the documentation there's a few different way's to do this. Also could you try one of these listed below since you have tried ionic serve already?
ionic run
ionic emulate
The run or emulate command will deploy the app to the specified platform devices/emulators. You can also run live reload on the specified platform device by adding the --livereload option. The live reload functionality is similar to ionic serve, but instead of developing and debugging an app using a standard browser, the compiled hybrid app itself is watching for any changes to its files and reloading the app when needed. This reduces the requirement to constantly rebuild the app for small changes.
Hope this get's you going! Let me know how it work's out for you.
I found this tool very useful, you can attach your device and get a real time inspector on your Cordova app(for iOS and Android platforms).
The browser is where I do most of my debugging for ionic. What browser are you using to do the debugging? I use Chrome and turn on DevTools. There is a source tab where you can browse your app code to find spots for breakpoints. For example, you can set a breakpoint in the code for a controller on a click event and step through the code. Then, you can use the console to execute commands to test values and inspect objects, etc. Are you unable to make this work? Or, unfamiliar w/ the DevTools? If unfamiliar, there is a resource available here. If not working, are the breakpoints not being hit?
There are a few ways to debug your ionic app.
In the browser you can catch the errors in the console.
If you are emulating your app on a simulator or a mobile device you can install the cardova plugin that displays js errors in the xcode console. So you can emulate your device and catch errors on xcode.
Here is how you add the plugin:
cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-console.git
An alternative is using ionicLab. It worked for me doing the steps: Install the program and prepare all the project dependencies prior to testing. Then, click on Serve option from Testing which is under Platform menu. When the project has been executed, click on the arrow icon of the Preview bar.
As a result, Ionic will throw a Chrome window with the loaded project, so, you can use Developer Tools as it's used commonly. You ought to watch the javascript files, which you use in your project, so that you can debug them.
Simply run: ionic serve -l and inspect from browser developer options.
I am trying to integrate a tool Chartboost into our game.
We are using following tools for development.
Xcode 5.0.2.
Latest ChartBoost Library.
Deployment target being iOS 6.1.
Base SDK being iOS 7.0.
Game Engine Cocos2d-x ( C++ ).
In order to use ChartBoost I followed these steps.
Created an account at Chartboost.
Added an app
Platform: iOS
Nick Name: Added
-Test Mode: Enabled
and Its showing the App Id and App signature.
Added a Campaign.
-Its On.
-CampaignStart and End are blank, so it will be effective as soon as possible.
-Filter By Bundle verion is Min 1.0 and Max blank .(already tried by keeping both blank.)
-Selected the App I added ,as the app where this campaign will run.
-Campaign Logic: Added test device with UUID.
-Rest of the options are untouched.
For test purpose I downloaded and used the sample iOS project provided at ChartBoost site. I replaced the App Id and App signature with my App's ID and Signature.On running the app, it does not display any ads. It logs messages like :
-failure to load interstitial at location Default
-failure to load interstitial at location Pause screen
-failure to load more apps
-failure to load interstitial at location After level 1
I am not able to conclude what wrong I have done! Please help on this issue.
PS:
1. I have already received a mail from ChartBoost mentioning I have successfully integrated the SDK, and in front of added app , the SDK and Frame icons are lit(green), which essentially shows , I have integrated the SDK correctly.
2.Our game is still under development and as we are using the Cocos2d-x which is c++ Game engine ,so we will be using some wrapper to call the ChartBoost library. Once we get the idea how it works on native platform.
In Chartboost sometimes it happens that you have set in the Chartboost dashboard that your game is in "Landscape" mode for example.
While your game is actually running in portrait mode.
In such cases you will get these errors.
Make both these same. Either change in the Chartboost dashboard for your app or change in the game's project file :)