Code

Discussion on Barebone Ionic - Full Application

Discussion on Barebone Ionic - Full Application

By
Cart 801 sales

233 comments found.

Hello,

Is there a video about the installation?

I’m having difficulty in installation :(

Hi, we provide a really detailed Start Guide in which you can find everything you need to know in order to configure, install and build the app. Please, follow the steps described in that and, if you continue facing difficulties, come back with any specific error messages/logs you encounter. We will be happy to help you.

How are you, can you update me on the Ionic V2 release?

?i, some of the features of this app have been implemented in Barebone Ionic 2 app which is in Ionic 2 and you can find it using the following url: https://www.noodl.io/market/product/P201605051844166/barebone-ionic-2-full-application-an-ionic-2-app-with-generic-features-most-mobile-apps-need. Barebone Ionic 2 will continue to be updated as Ionic 2 evolves.

Hi, I see a lot of features, great! have some questions.

1. can features not needed or not to be implemented be easily comment / disable to not bulk the app size / performance?

2. I will initially start with a home page fetching weather data (weather site app) so will use our api. So the structure will be: 2.1 Home / Geolocated weather conditions / forecast from API 2.2 Overlayed satellite limage (gif over a google maps) 2.3 google maps with overlayed points of earthquakes 2.4 recent news from wordpress feed 2.5 recent earthquake list form wordpress feed 2.6 open chat to report weather info, by channels (countries) that can upload images 2.7 push notifications where does this comes from (use a service or a way/ for to send)

thanks por your orientation on this.

Hi

1. The application follows a very modular architecture so everything that is not needed can easily be removed.

2. For all the mentioned here point some custom job will be required by your end. For some of them like chat lists or WordPress integration you will find examples that will help you and guide you. For the rest moderate coding skills will be required.

Hi

1. The application follows a very modular architecture so everything that is not needed can easily be removed.

2. For all the mentioned here point some custom job will be required by your end. For some of them like chat lists or WordPress integration you will find examples that will help you and guide you. For the rest moderate coding skills will be required.

With new version, when I run grunt serve -l, I got a error 1 726856 error Uncaught ReferenceError: angular is not defined, http://localhost:8100/scripts/charts/charts.module.js, Line: 4 2 726858 error Uncaught ReferenceError: angular is not defined, http://localhost:8100/scripts/chats/chats.module.js, Line: 4 3 726860 error Uncaught ReferenceError: angular is not defined, http://localhost:8100/scripts/common/common.module.js, Line: 4 4 726862 error Uncaught ReferenceError: angular is not defined, http://localhost:8100/scripts/components/apprate/apprate.module.js, Line: 4 5 726865 error Uncaught ReferenceError: angular is not defined, http://localhost:8100/scripts/drupal/drupal.module.js, Line: 4

0     726853   error    Uncaught ReferenceError: angular is not defined, http://localhost:8100/scripts/ad/ad.module.js, Line: 4

Hi, it looks like the ionic library is not installed properly in your project. This library is located under app/bower_components/ionic/ path. You could try to download it again starting with a clean project. There is also a chance that your browser caches the old source, so please try to run the project and then hit CTRL+SHIFT+R (CMD+SHIFT+R on MAC) in the browser to do a hard reload.

Hi,

in addition of the previews reply bear in mind that

1. You could install the client libraries by running the command “bower install”

2. Check if there is any “Ad Block” software or plugin running in your computer or installed in the browser you are using.

About com.ionic.keyboard plugin, change to “cordova plugin add ionic-plugin-keyboard” please!

Hi, we do prepare a new release very soon in which this will be also fixed. Thank you

Hi,

new version which also includes the mentioned issue related to Ionic Keyboard os released. Please check and come back with feedback if any.

What about showing information based on the location? Also how does the app gets the data?

I have a web site with information about movies based on cities. Is there any way to integrate your app?

Hi, regarding your first question, you could make a feature request using the following form and giving more details about it: http://goo.gl/forms/13VD9b1DPj. As for the data the app uses, most of it is in JSON structures which you will need to create manually. We could provide the full documentation of the app where you can find all the details about its configuration. In order to do that, please send me a private message using the contact form in my profile page.

Concerning your website, if there is an API providing the movies data to the app, it could consume this data. Though, writing some code will be necessary for the implementation of such a feature. Thus, some coding skills will be needed as well.

Hello,

I’ve been trying to install using your documentation for hours, and i can’t still get it up and running. Questions (i might doing something wrong) : 1. I presume that the project folder is now the barebone-ionic folder in the documentation 2. I got a lot of warning and error, but somehow can launch grunt serve, but with error like this : >> FAILURE: Build failed with an exception. >> >> * What went wrong: >> A problem occurred configuring root project ‘android’. >> > Could not resolve all dependencies for configuration ’:_debugCompile’. >> > Could not find any version that matches com.google.android.gms:play-services-ads:+. >> Searched in the following locations: >> https://repo1.maven.org/maven2/com/google/android/gms/play-services-ads/maven-metadata.xml >> https://repo1.maven.org/maven2/com/google/android/gms/play-services-ads/ >> Required by: >> :android:unspecified >> >> * Try: >> Run with—stacktrace option to get the stack trace. Run with—info or—debug option to get more log output.

3. Is there a way working only with the release folder (customizing app, development) and use ionic serve instead of grunt serve ?

Thank you

Hi, the answers to your questions are the following:
  1. As described in the documentation, for all the instructions “project” folder is used.
  2. The error means that Google play services library or repository is not installed in your android SDK. Please, make sure it is installed as shown in the url below: https://github.com/floatinghotpot/cordova-admob-pro/wiki/Difference-of-Plugin-IDs#4-build-error-with-message-not-found-comgoogleandroidgmsplay-services-ads
  3. You could try to modify the code under release/www/scripts folder, though we strongly recommend that you use the project folder for development purposes so you can follow the instructions we provide in the documentation since the workspace for development is prepared in the “project” folder.

I am trying out the Feedback module especially the camera module, but it is not working for me. I have deployed to ionic website and use the ionic demo apk to load the app on my Android device. I can open my deployed app, but when i go to the Feedback module and click on the Add image->camera option, nothing happen.

I wish to know how can I troubleshoot this? Can I test the camera module on my Mac env? using the Android emulator? Possible?

Thanks.

Currently there is no login mobile availae in the app. The very reason is that such a feature is strongly related to the backend system.that will support the process.

Are you having something specific in mins?

I am looking for a simple login form UI sample page. I can code the backend stuff, just need a template of the login form so that I can plugin my codes :)

I am able to load my app with the compiled apk. I was also able to load the camera module and take pictures in the feedback module. I tried to use the fileUri and post it to my server. It was successful for image taken from the phone library. As for image taken with the camera, if the resolution is too high, it will fail. I tried the camera options like quality=50, targetWidth, targetHeight, encoding type be JPEG, seems like it is being ignored by Android?

One more thing, as for the latest 2.18, can I upgrade by copying the modified files over to my 2.17 folder? This is because I spent quite a deal of time to finally get the 2.17 to work. I am afraid if i were to replace it entrirely with the 2.18 updates, it will screw up the environment etc.

May I know what is the changes for 2.18 against 2.17? If nothing drastic i have no problem sticking with 2.17 :)

Hi, It looks like the image taken with the camera is too big and there is a connection timeout. Regarding the update of the app, you can see all the changes in the changelog at the bottom of the “item details” tab. We do not really recommend that you just copy the changed files. Though, what we do recommend is that you use a comparison tool, such as the following, and compare the files so you can see what changes you are interested in. http://www.scootersoftware.com/

Failing jshint:all on grunt—serve:

?  75 warnings

Warning: Task “jshint:all” failed. Use—force to continue.

Aborted due to warnings.

Could you please share the log messages you are getting in your terminal?

Hi, was trying to implement push notification but was giving: “Cannot find module ‘config-chain’ (CLI v1.7.10)” error when I run “ionic add ionic-platform-web-client” I’ve tried: npm install, bower install, npm install -g ionic, npm install -g config-chain etc. I still can get pass this error, can you help please? Secondly, how can I play audio/videot in WordPress post?

Error Screenshot below: https://drive.google.com/file/d/0B7AgYOR45I4EMGFaU2E5TGw1Mmc/view?usp=sharing

Hi, it looks like an Ionic module is missing which has to do with your Ionic installation. You could try to do a clean install of ionic: npm install -g ionic. You could even try to install just the missing module globally and see how things go: npm install -g config-chain

Hello,

I am trying to use the email composer plugin on the feedback tab, and every time I try to send I get the following error:

angular.js:12330 ReferenceError: cordova is not defined at Object.isAvailable (ng-cordova.js:2139) at Object.sendEmail (feedback.service.js:30) at FeedbackController.sendEmail (feedback.controller.js:107) at fn (eval at <anonymous> (angular.js:13145), <anonymous>:4:236) at ionic-angular.js:12044 at Scope.$eval (angular.js:15846) at Scope.$apply (angular.js:15945) at HTMLButtonElement.<anonymous> (ionic-angular.js:12043) at HTMLButtonElement.eventHandler (angular.js:3271) at triggerMouseEvent (ionic.js:2941)

I made sure Cordova and everything is updated. I noticed that the plugin used, “de.appplant.cordova.plugin.email-composer” has been updated to version 0.8.3 in January 2016, but the current version used in the app is 0.8.2, which was last updated in January of 2015. The plugin has also been renamed. I tried to update, but it ended up installed version 0.8.3 as a separate plugin. Would the outdated version of the plugin cause this issue? I haven’t tested the app on the phone. I am only testing this feature using “grunt serve”. Any help would be greatly appreciated. Thanks

Nevermind. I should have tested this on the phone before I created this post. I didn’t realize the feedback form was used to open up the email client on the user’s phone. I thought it would send directly from the app. It does what it is supposed to do. Thanks

Hi @chaseisley, indeed, in order to test this functionality, you should install the pp on a real device as the email-composer plugin is not supposed to work on the browser. We are glad you managed to figure it out.

Hi, my question is about deploy and launch my app. I can created my first sample app using your model and worked fine using bower lab. But my question is about after finish my app (don’t have information in your manual), how can I test in my smartphone? I tried to use code “ionic package download…” but show error (Body error: Not found 404, etc….). I see that created a www.zip in my project folder, and using Phonegap worked, but all the extension (like maps, photos, links, etc) doesn’t work.

I think that is better test and deploy using Ionic, but I don’t exactly can I make this. Can you help me?

Hi,

I tried in three smartphones and same problem occurred. After error, show app icon, but when I click, only show blank image… Below file for download:

https://www.dropbox.com/l/scl/Vwhj5pEMcRmBMurqYpCdSn

Hi, you have received an access request for the aforementioned Dropbox file. Could you please allow access so we can look into your issue?

Hi, it looks like the platform is not added correctly. Could you please delete all the plugins and platforms? Then try to install the plugins and add android platform again.

Hi, i’ve bought your Barebone ionic, i’ve installed all the dependencies, when i try to install the “inappbrowser plugin” i get this message: Error,the header content contains invalid characters”

When i try to launch the app in the browser, i get also this message:

“Warning: error cannot find where you keep your bower packages. Use—force to continue”

what’s going on?

Thank you Tony

Hi after this change did you execute “grunt serve” again?

Please also check if there are error messages related to SASS or Ruby and confirm that SASS is properly installed in your dev box.

The following articles may help you:

http://www.titaniumtemplates.com/node/49 http://www.titaniumtemplates.com/node/48

Hi i get this message running grunt serve: “you need to have ruby and sass installed and in your path for this task to work”.

I have installed ruby but when i run this command “gem install sass” i get “command not recognized” message.

Could you help me please? Thank you Tony

What’s the operating system you are using. If it is Windows could you please check if the command is in the PATH ?

Hello its look like your app has lots of features , so my question is that i will complete source code of your app right ?

so i can implement in my app also

Hi, that’s true, what you get is all the source code these features are build with.

Hy, before buy question: i need to translate the app interface into my own language(italian). Is that possible without losing translations when updating the app? Thank you Tony

Hi,

yes this is possible. You should though to slightly adjust the application. We are describing this process in the article that follows:

https://medium.com/appseed-io/internationalize-and-localize-your-ionic-application-e16b4db1907b#.zgmzqda68 There is also an application that demonstrates that available: http://codecanyon.net/item/i18n-ionic-full-application/12337533

my app works fine with chrome but when i build the app it doesnt work

Hi, could you please share more information? Are there any console error messages? Is the build process completed successfully?

angular.js:10514 GET https://reecharger.com/products.json/ 404 (Not Found) ERROR (Products):404

The error says that the product.json is not available in the given URL. Could you please check how did you configure your data provider?

I have problem installing the command sudo npm install -g generator-ionic (mac with root access)

npm ERR! Darwin 13.1.0 npm ERR! argv ”/usr/local/bin/node” ”/usr/local/bin/npm” “install” “-g” “generator-ionic” npm ERR! node v4.4.1 npm ERR! npm v3.8.3 npm ERR! path /Users/mymac/MyApps/ionic/-g npm ERR! code ENOENT npm ERR! errno -2 npm ERR! syscall open

npm ERR! enoent ENOENT: no such file or directory, open ’/Users/mymac/MyApps/ionic/-g’ npm ERR! enoent ENOENT: no such file or directory, open ’/Users/mymac/MyApps/ionic/-g’ npm ERR! enoent This is most likely not a problem with npm itself npm ERR! enoent and is related to npm not being able to find a file. npm ERR! enoent

Any hints? :)

Hi, just to let you know I have solved this. Thanks.

Hi, thanks for letting us know. Do not hesitate to contact us if you require any further assistance.

In your instructions when u say:

Install libraries and plugins Open a terminal window and navigate to barebone­-ionic folder under project directory, i.e. project/barebone­ionic path.

dont you mean barebone-ionic/project

also why are we installing $./install.sh when the file is already in the folder?

do you have help forums?

Hi, yes all the instructions provided are for the “project” folder.

“instal.sh” executes some command required to prepare the workspace eg: installation of the plugins the application is making use of.

Hello

When running grunt serve or grunt serve—lab i get the following error: xcodebuild was not found. Please Install version 4.6.0 or greater from the App store.

I follow everything in the installation guide. Running windows 10.

Since you are running on windows it is not able to build for iOS platform. Use “cordova platform remove ios” and then run “grunt serve” again

Hi, I have bought the item and trying setup the dev environment in my local, got 2 questions here: 1. In the quick start guide it mentions there is a folder barebone-ionic under project, but I can’t find it, am I downloading the latest code or the guide is out of date? 2. when installing nodejs dependencies, i saw a lot of npm warn about deprecated packages, will it be issue if update them to the latest or need stay at the specific version? at the end i saw below messages: npm WARN karma-phantomjs-launcher@0.2.3 requires a peer of phantomjs@>=1.9 but none was installed. npm WARN karma-mocha@0.2.2 requires a peer of mocha@* but none was installed. npm WARN karma-chai@0.1.0 requires a peer of chai@* but none was installed.

do I need install the said missing packages? 3. Trying to start strunt -serve and failed: Derricks-MBP:barebone derrickxiang$ grunt serve—lab Running “serve” task

Running “wiredep:app” (wiredep) task Warning: Error: Cannot find where you keep your Bower packages. Use—force to continue.

Aborted due to warnings.

Execution Time (2016-03-19 02:54:32 UTC) loading tasks 6ms ?????? 6% serve 4ms ???? 4% wiredep:app 85ms ???????????????????????????????????????????????????????????????????????????????????? 89% Total 96ms

Please help.

Hi,

thank you for pointing that. In the recent release the content of the “project/barebone-ionic” folder is moved one level up and the “barebone-ionic” directory is discarded. We missed that part in our documentation and we are scheduling to proceed with the correction.

It is safe to ignore the NPM related warnings. They are not directly related with the Ionic app. The mentioned packages are related to unit tests which are not in use.

The grunt --serve errors you are getting should be related to the missing client side libraries. You could use either the “install.sh” script that comes with the pack and is located in the “project” folder, or install these libraries directly by using bower install

Please bear in mind that all these instructions are for the “project” directory. Alternatively you could use an already built version of the app which is located in the “release” folder. The code there runs as a plain vanilla Ionic application and nothing more than the ionic CLI is required.

Please do not hesitate to come back to us for any additional clarification, if needed.

Thanks for reply, and finally I got it working.

I see the ionic v2 beta is released which come with material design, do you have any plan to upgrade the barebone to use ionic v2?

Glad to hear that. There are plans regarding Ionic2. We will have something impressive to release very soon. So stay tuned

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey