I have developed a small App in VueJs and now I want to integrate this app into another website. I know there are ways using iframe/embed, but I need something similar to Google analytics code, meaning it just gives us few lines of JS code and it does all the trick.
Is it possible to create a JS code, add it to another website, and that website start displaying my VueJs application serving from another host?
Related
I am starting to create my first app using PHP laravel and osiset.
I have created a partner account and created an app as well. I have integrated the library also. Done with app installation and authorization.
Now I am stuck for the next step. I don't understand how can I link my code and settings implemented on my app to Shopify frontend. How can I link the app database to Shopify website?
I save all the customized data in the app and how can I link that data with Shopify website?
I am able to make a standalone app with PHP but don't understand how its data can be linked to Shopify website. How my app database can be used in shopify website?
I am new here. Any help is very much appreciated.
Thanks
You have two main choices in 2022.
App Proxy
Theme App Extension
Also, Post-Purchase extensions, for checkout stuff, but I digress. You should have no trouble injecting your special content using #1 or #2.
I am trying to make one feature in my Shopify theme that is currently integrated using 3rd party app. now I am achieving the same functionality using liquid code and javascript code but now I want to test without the app and once all tested on the development and if all working well then an then I want to push or deploy on a live one.
so for that, I want to remove that 3rd party app reference in the development theme only. the app will add js using a script tag.
I am using Shopify CLI to develop the theme feature. also I have blocked the JS of that app from the console window but I need to block it permanently on an unpublish theme so I can send the preview link to everyone to test the same things on a different machine and in a different browser.
We have built a little search and list results application using Vue CLI / and REST on the backend. It is working well and addresses a common need within our organization. It seems like we should be able to take the 'packaged'/deployed version of it and give instructions to other websites within our organization to include it on their website. Similar to how google maps and others have instructions to copy and paste a snippet of code into your web page. Any suggestions on how to go about that for a Vue.js 3 application?
Currently, we try to figure out, how we can structure our vue code for this use case:
routing will be handled by the backend, so basically we don't creating an SPA here
we want to use vue to replace some jquery plugins. So on some sites of our website we have e.g. a drop-down component or a date picker component ...
one site will be small SPA
on each site, we have a navigation, where we also want using vue
How should this be structured? Is it one big vue application?
My idea is to build two vue applications:
one for the small SPA
one for all the components we need on different sites
Anybody can help out here?
For developing SPA in vuejs. Please refer to these two links
https://github.com/vuejs/vue-cli
and
https://github.com/chrisvfritz/vue-2.0-simple-routing-example
And for integerating VueJS in existing web page
you can follow the official website of vuejS
I have this reactjs webapp - http://52.26.51.120/
It loads a single page and then you can click links to dynamically load other boards on the same page... such as 52.26.51.120/#/b, 52.26.51.120/#/g
Now the thing is, I want each of these to be an individual page, for the purpose of seo. I want you to be able to google "my-site.com g", and you will see the result 52.26.51.120/#/g. This obviously cant work if you are using reactjs and it is all on one page. Google will only render and cache that main page (can it even render that page? does google execute javascript?)
Even more specifically, id want something like my-site.com/g/1234 to load a thread. There could be a thousand threads every day, so im not sure how to handle that.
Are there any solutions to this? to allow react to possibly serve up static pages as html so that they can be cached on google? I am using expressjs and webpack as my server right now, and all the code is executed in jsx files.
Thanks
You can use Prerender.io service. In a nutshell you will need to connect your server app or web server with prerender service and do little setup (see documentation). After that search engines and crawlers will be served with a static (prerendered) content while users will get classic React.js (or any other single page) app.
There is a hosted service with free tier or open source version
I suspect you could do some smart configuration with nginx and it could convert a url of domain/board to a redirection of domain/#/board when detecting the user-agent as a bot instead of a typical user.