Wordpress app with Cordova - wordpress

I have a Wordpress hosted application and I need to create a mobile version of it. As I read in one article, there is a way create a mobile application from hosted web application (not sure if that technique has any particular name). I was able to create the mobile application but I ran into a issue; when I am redirecting to any page, the mobile application is opening the browser to show the page. After some research I found that the solution will be to change all the href to window.open(url, '_system'). Is there any easier way to solve this issue?
The same article shows how to use the Camera plugin with the hosted ASP.Net application. Could anyone suggest an article that shows how to do the same thing but with Wordpress application.

You should have a look at WordPress hybrid project if you are looking for managed and performance enhanced app.
Otherwise, you can also use inAppBrowser for easy and fast development here is a Docs.

Related

Can a wordpress website be used as mobile app backend?

I have a project where I need to make a mobile app for a wordpress website. It will have some features that are not in the web app yet. I've made some research and there seems to be ways to make api requests to some endpoints that are made available by wordpress. I am a rookie when it comes to planning a backend structure, building it from scratch, and deploying it, but I have developed new features for an existing node.js backend for a mobile app before. Considering all of this, can I use the wordpress api for my mobile app without any security, performance, or compatibility issues or should I start building a backend for it?
Thanks in advance.
Yes, we can use WordPress website for mobile application backend.
For this we need to make an API request according to WordPress structure and database structure.
A new development in WordPress is the WP-API, which allows you to output your site content into a standardized JSON API. Since mobile apps normally use an API to get remote data, using the WP-API is a great way to get your WordPress data into a mobile app.
We can use inbuilt plugins for the same purpose like AppPreser- Mobile App Framework.

What Platform Use for the Site?

I want to make a website more likely like the site https://www.homely.com.au/ with is a real estate site. I can see that some pages have WordPress Structure but the homepage doesn't have that WordPress imprint and I do wonder what 3rd Party System do they use?
Thanks if you answer my question.
This web is using ReactJS. To get the details there are two ways
Easy: Use https://www.wappalyzer.com/ or https://builtwith.com/
Advanced : Go to Developer tool of the browser and get the details. Specifically for this web you can see the worker processes, this is one of the hint that they are using any JS framework.

Mixing Wordpress eCommerce site with external login based Vue Frontend Best Practices

I am new to web development and and would like advice about what is the usual best practices to achieve what I am trying to do.
I am in charge of writing a frontend app using Vue. This frontend will require a login to access the app. The app will be hosted on Amazon.
However we are also wanting to build an eCommerce site in Wordpress or equivalent that sits on the root of the website, (eg www.mywebsite.com) with the app accessible through a "sign in" button. If the user presses the sign in button we want the location bar location to not change from the website they are on (www.mywebsite.com), even though the Wordpress site and Vue frontend may be stored on different locations/domains.
If the site is made in Wordpress, we can get another developer to do that webpage for us, while I work on the frontend. However we want the experience to be relatively seamless between connecting to the wordpress root site, clicking on the sign in button and being taken to the Vue frontend.
Is this possible? Do both sites have to be hosted on the same server for it to work (eg an Amazon EC2 server which hosts two webpages, the wordpress one and the vue one)?
Or can the wordpress put a link to the Vue frontend which doesn't change the web location to the user?
Or (worst case scenario) do we need to make both webpages in Vue as one Vue application, some pages requiring login to access and others not?
Thanks kindly for any assistance.
So in order to use Vue and WordPress together, you can either write 2 separate applications. One for the Frontend and one for the Backend, which is perfectly fine or you can simply write a WordPress Application with a Vue Theme.
This is how this could look like:
WordPress Backend
You can use a normal WordPress backend, where you can build the architecture you want to. In addition, you need to set up the REST-API Wordpress provides. So this also means, just use plugins which support it. Otherwise, you would need to write custom endpoints. For example, Woocommerce would be a good e-commerce plugin, since it supports the API.
Learn more about it here: https://v2.wp-api.org/
Of course, you can host your WordPress installation on Amazon. Here is a good guide for that: https://aws.amazon.com/de/getting-started/tutorials/launch-a-wordpress-website/
Notice: The REST-API is available in core since 4.7. If you are using an older version you would need to install a plugin.
WordPress Frontend
In order to create your Frontend, I'd recommend you to make a custom theme. Since you are just serving static files this can be done pretty easy. But still, you don't need to reinvent the wheel.
There's a really good starter theme out there: https://github.com/EvanAgee/vuejs-wordpress-theme-starter
It comes with all the stuff you need to get started and since it is just a theme, you can simply set up a usual WordPress hosting without handling Domains of multiple applications.
In order to get the data from the Backend, you would simply make calls to the REST-API. Here's an example: https://github.com/EvanAgee/vuejs-wordpress-theme-starter/blob/master/src/api/index.js

Cordova: Upload file to an external Drupal site

Essentially what I am trying to accomplish is the following:
I currently have Cordova loading a page from my external Drupal site. The webpage loads fine, looks great on the screen, the only problem is that it won't allow me to upload a file to through the app itself.
I tried opening the same page in my Android's web browser (Dolphin) and the link worked just fine.
Any help would be appreciated, even if you tell me its not possible, that way I can stop looking and try out another option.
In order to do this, you would need to allow Cordova to write to the server the drupal site is on, which would not be a good idea.
Use the FileTransfer object:
http://docs.phonegap.com/en/1.0.0/phonegap_file_file.md.html#FileTransfer

Interacting with the wordpress api with an asp.net application

I have built an asp.net application from which I would like to post blog entries to wordpress, using the wordpress API. Thus far I have been unable to find any good tutorials or walkthroughs to do so. How might I use the wordpress API to upload blog content via an asp.net application?
I know that you should use the xml-rpc (probably need to enable on your server under administration area). xml-rpc. However, actual implementation details I am not positive on. Hopefully this gives you a start.
http://codex.wordpress.org/XML-RPC_wp

Resources