i'm developing an hybrid app with ionic 2 and my problem is that i would set the app orientation like portrait but i need to change it after the login for specific users.
I've tried to search on the web but i haven't found anything that can help me.
These are my system information:
Cordova CLI: 6.3.1
Ionic Framework Version: 1.3.1
Ionic CLI Version: 2.0.0
Ionic App Lib Version: 2.0.0
OS:
Node Version: v6.5.0
Is it possible to do with ionic?
Can someone help me?
Thank's
Use this cordova plugin cordova-plugin-screen-orientation
cordova plugin add cordova-plugin-screen-orientation
And after login for user , lock orientation using this
screen.lockOrientation('portrait');
Thanks
Related
I'm new to Ionic, and just installed it and i also installed Cordova on my Ubuntu 18.04 machine, then i used the command to create an app using these commands
npm install -g ionic
npm install -g cordova
then i used the command to create an app using these
ionic start ionic4Tut --type=angular
but I'm not getting the question about integrating cordova to the project as shown in all the tutorials,
Integrate your new app with Cordova to target native iOS and Android? (y/N)
anyone know way is that?
I was having the same problem and what I did was after creating the project using
$ionic start projName --type=angular
I will cd to my project folder and run
$ionic cordova platform
that will solve your problem.
Cordova is what the Ionic framework uses to target native functionality for mobile devices. It does this because Ionic is primarily a mobile app framework. If you don't want to integrate it and want to use nothing but the development framework, you may as well use Angular on it's own.
Reference: Cordova, Angular, Ionic
I am able to build ionic 1 app but it is not working fine. I am building my ionic 1 app with latest version of ionic. I don't know what is exact reason for this. Can you help me on this?.
Thanks in advance.
I'm guessing you are using the latest version of the ionic CLI and a project with ionic 1 library installed?
The latest ionic CLI works with ionic 1 javascript libraries.
Now i have the latest version of ionic 3.0.0. My ionic version: 3.0.0.
And my ionic info:
global packages:
#ionic/cli-utils : 1.0.0
Ionic CLI : 3.0.0
System:
Node : v7.3.0
OS : macOS Sierra
Xcode : Xcode 8.3.2 Build version 8E2002
ios-deploy : 1.9.0
ios-sim : 5.0.13
Now i have two question in this. I searched , but not able to get the clear. If any one can answer. It will be helpful for many new bie like me.
So,
1.Now i have ionic 3.0.0. Then if i want to open the project in ionic v2. i will give ` ionic start newapp blank --v2 or (--ts_)'. And i will use some updated plugin having in ionic 3.0.0. Does it will work out. or i need to create a seperate project for ionic version 3 ??
Now i have old ionic 1 project that i am still working on. So once i update my ionic to3.0.0. Now what i done is :
ionic start newapp blank --v1 then i copied my old project www folder to this newapp and i replaced it.
My question is. Still can i use angular js1 to code for this project also. And while make ionic release means when i want to put it in my app store. Does any problem will occur. Because i have create this project as --v1.
If yes when i create a new project ionic start newapp blank --v1 its asking me Link this app to your Ionic Dashboard to use tools like Ionic View? y/N : what should i need to do
Please clarify me..thanks in advance
Using the ionic-cli version 3.0 you should be able to work on all versions of ionic projects.
The new cli will create an ionic v3 app by default. If you want to create an ionic v1 app, you need to add --v1. But if you are starting with a new app, I strongly recommend going for v2+.
Depending on the version your ionic app has, you need to add some additional plugins:
#ionic/cli-plugin-ionic-angular – Ionic Angular project plugin that provides useful build tools and generators. (ionic v2+)
#ionic/cli-plugin-ionic1 – Ionic 1 project plugin that has functionality ported from the old CLI.
#ionic/cli-plugin-cordova – Essential for an Ionic/Cordova app.
#ionic/cli-plugin-proxy – For proxying CLI requests through a firewall.
I can't tell you if you need to link your app to the dashboard. If you are using the Ionic services (Push, View, etc), then it makes sense.
That being said, I have experienced quite a few "bugs" or inconsistent behaviour with the new cli, so you might need to downgrade if something doesn't work.
I had this same worry when I updated my Ionic to v3 (CLI 3.1.2). They seem to really be pushing to use their cloud services (obviously, they want to start making some money on it).
When I tried the old v1 command:
ionic build ios
I received:
The build command has been renamed. To find out more, run:
ionic cordova build --help
So, then I tried
ionic covdova build ios
That failed with this:
ionic package build ios
[ERROR] Your project file (./ionic.config.json) does not contain 'app_id'. Run ionic link.
So, after looking around a bit, I used this command and it worked:
ionic cordova build ios --v1
It asked me to install a couple of things, then chugged out a new successful build. All good.
Please use following command as I had trouble with "--v1"
ionic start newapp blank --type=ionic1
As mentioned by #Samuel.
Add Ionic 1 CLI to the devDependency list. Open package.json file in the project directory and add the following line to devDependencies.
"#ionic/cli-framework": "^1.0.0-rc.2"
Example package.json:
Running ionic repair removed package.json and node_modules then, if prompted, run npm audit fix, and then you will be asked to Install #angular/cli?
I've been using Ionic for a while, including the "ionic share" command from the CLI.
However, recently, that command fails with:
$ ionic share
Invalid command (CLI v2.2.2)
Your system information:
Cordova CLI: 6.4.0
Ionic CLI Version: 2.2.2
Ionic App Lib Version: 2.2.1
ios-deploy version: 1.9.0
ios-sim version: 5.0.13
OS: macOS Sierra
Node Version: v6.9.3
Xcode version: Xcode 8.3 Build version 8E16
Has anyone run into this issue?
Thanks,
Wayne
As of now the Ionic CLI doesn't recognize the ionic share command, though their documentation hasn't updated this information.
However, you can now share your app from your ionic.io account:
Dashboard > Settings icon next to the app you want to share > Share
Then you'll be able to enter email addresses to share your preview with. Just had to go through that drudgery myself.
I wanted to add that I found
ionic upload
to be a worthwhile CLI replacement for pushing new data up.
I've recently been trying to write a game similar to Dots using Angular2 and Ionic2 frameworks, however early on I've run into a problem. I wanted to use the Deploy feature to get rid of cables and seamlessly update the app on my mobile devices, however I realised I have no idea how to import the deploy service into my project. I'll add I'm using TypeScript.
I've been looking all over the Internet, however it appears only I've been faced with such a problem. Does Deploy work with Ionic2 at all? Please forgive me if the question is naive or my mistake is foolish.
I'll be grateful for any help.
My code for the main page:
import {Page} from 'ionic-angular';
#Page({
templateUrl: 'build/pages/main/main.html'
})
export class MainPage{
score: number;
moves: number;
doUpdate(){
//IonicDeploy goes here
}
}
Does Deploy work with Ionic2 at all?
Sadly, it is currently not fully supported as evident through some posts in the forums and in the official documentation, to quote:
Support for Ionic 2
We have prioritized adding support for Ionic 2, but as it stands you will get errors when trying to add the platform web client into an Ionic 2 project.
In the meantime, I would advise to try another Beta Service called CodePush from Microsoft, here are some excellent slides on implementing it for Ionic2 which I stumbled across trying figure out the same thing.
i'm using ionic 2 and successfull to deploy my app, you can do follow that:
ionic io init
enter your email and pass, you can register here: ionic.io
ionic add ionic-platform-web-client
ionic plugin add ionic-plugin-deploy
ionic upload
now please search and install app: ionic view, it available on android and ios -> enter your email -> select your app -> sync app
to share with other you can use this command: ionic share <email>
my system information:
CLI v2.0.0-beta.30
Cordova CLI: 6.2.0
Gulp version: CLI version 3.9.1
Gulp local: Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.8
Ionic CLI Version: 2.0.0-beta.30
Ionic App Lib Version: 2.0.0-beta.16
OS: Distributor ID: Ubuntu Description: Ubuntu 16.04 LTS
Node Version: v6.2.1