I am following Ionic guides https://ionicframework.com/docs/react to create a samples project
when I use the command
ionic build browser
it generates a public/ directory with a blank HTML
any idea on how I can build ionic react app?
Related
I have created an app using create-react-app. I want to build it so I can add it to a non-React webpage. How do I bundle it up so I can just add the script at the bottom of an HTML page and the app will show?
I want to develop a hybrid mobile app based on Onsen UI 2, and have selected React as the framework for it.
I'm also using the PhoneGap Build service to create the app files for Android and iOS.
I am having some difficulties understanding how I can get Onsen, React and the PhoneGap CLI to work in harmony in my development environment.
How I did it for now:
I tried downloading some Onsen & React 'hello world' apps to play around with, and I got to the point, where I managed to build the Onsen/Webpack/React-Hot-Reloading-Example and put the bundle.js file in a new/empty PhoneGap project.
From this, I can understand that I need to separately build the react app, and then copy the bundled app into the PhoneGap app folder.
This seems like a little hassle... shouldn't there be an easier way?
i'm working on an ionic v1 (and angular 1) project which is completed using basic ionic UI. I came across various themes on ionic marketplace. How do i integrate a new ionic theme to my existing app.
I'm assuming you have Ionic setup in your local machine.
Once you've purchased and downloaded the files of the theme you want to use, create an ionic1 project. Note this will work only with Ionic1, and not Ionic2. Use the following command to create an ionic1 project:
ionic start myApp blank --type ionic1
When your project has been created, go to the /www folder in your project directory, delete all files in here, and copy the theme's files you've downloaded here.
Run ionic serve and your project should have integrated with the theme.
PS. you might have to replace the project scss folder with that of the theme's if available.
I have an ionic 3 app. It builds and runs on Android and iOS as expected. Usually the app can be tested in a browser by executing ionic serve shell command and then navigating to http://localhost:8100/ URL in the browser.
But is there a way to deploy this ionic app to a web browser as a platform, so it could be later deployed to a web server and be publicly available?
You can add browser as a platform, then build it and copy the /www folder on your webserver.
ionic platform add browser (or if using ionic-cli v3 ionic cordova platform add browser)
ionic build browser --prod (or if using ionic-cli v3 ionic cordova build browser --prod)
Copy files from the /www folder to your webservers root directory.
I built a web-app using AngularJS + Angular Material and now want to deploy it to the AppStore (using Cordova I guess?)
What are the steps that I need to do to achieve this?
Install cordova
npm install -g cordova
Create a new cordova project.
cordova create hello com.example.hello HelloWorld
This will create new directory - hello and inside hello you will have your new cordova project - HelloWord, package name - com.example.hello
Add your angularjs app code to 'www' folder inside hello directory.
Now add iOS as a platform to your cordova project.
cordova platform add ios --save
If you need to access gallery, camera, or any other device feature, you will have to add a cordova-plugin for same.
For example to get access to device camera.
cordova plugin add cordova-plugin-camera
Read more about how you will handle events associated with camera inside your angular app. Go through that plugin's documentation.
I would recommend you to use ng-cordova for using cordova-plugins. Read more about ng-cordova here.
Now you will build your cordova project to generate .ipa file for iOS device.
cordova build ios
Inside your hello directory you will have a xcodeproj file -hello/platforms/ios/hello.xcodeproj open it in Xcode and run on an emulator to test.
Purchase your apple developer account and sign into your xcode with your apple account.
From Xcode you will get option to Archive And Publish your app to Appstore.
Few links to get started
App store documentation to know detailed publishing process here
Cordova documentation here