shopify app not working on localhost (Osiset\ShopifyApp\Exceptions\MissingShopDomainException) #686

Ronak-maker · 2021-02-09T13:07:58Z

Ronak-maker
Feb 9, 2021

Hey, @osiset
I have installed the fresh laravel 8 and laravel-shopify package for developing a Shopify app. I did the all setting according to the GitHub wiki. in Shopify, my app is working fine, but on localhost, I get the error "Osiset\ShopifyApp\Exceptions\MissingShopDomainException". can I run the app on localhost as well?

route.php file:-
Route::get('/','ProductsController@view')->middleware(['auth.shopify'])->name('home');

products.blade.php file:-

@extends('shopify-app::layouts.default')

@section('content')
    <router-view></router-view>
@endsection

@section('scripts')
    @parent

    <script type="text/javascript">
        var AppBridge = window['app-bridge'];
        var actions = AppBridge.actions;
        var TitleBar = actions.TitleBar;
        var Button = actions.Button;
        var Redirect = actions.Redirect;
        var titleBarOptions = {
            title: 'Products',
        };
        var myTitleBar = TitleBar.create(app, titleBarOptions);
    </script>
@endsection

i have copy the defult.blade.php file in views\vendor\shopify-app\layouts.
I am on windows and working on xampp. please help

LeafedFox · 2021-02-11T18:57:22Z

LeafedFox
Feb 11, 2021

This is because Laravel expects a shop parameter. Append ?shop=myshop.myshopify.com to the URL which will take you through Shopify Auth to get a session. If you don't enforce App Bridge, you will be able to use the app locally without having to go through the Shopify Admin interface. Your session may expire and you'll get the error again, just repeat the process. Hope this helps!

0 replies

Ronak-maker · 2021-02-11T19:02:16Z

Ronak-maker
Feb 11, 2021
Author

I know I have to setup some kind of certificate for that. But dont know how to setup “Laradock” or “Docker” in the pc.

1 reply

LeafedFox Feb 11, 2021

Try taking a look at valet-windows - https://github.com/cretueusebiu/valet-windows

Also, it would be better if you could reply in a comment in GitHub rather than via email as your email opens a new answer and can congest the thread. Hope this helps!

maganius · 2021-02-25T14:38:37Z

maganius
Feb 25, 2021

I have the same problem but in the ajax request, I can view the homepage but if i send an ajax request to backend laravel throw this exception. I use axios ajax.

I notice in the dev tools the ajax return a html trying redirect to shopify auth, but it not work because its an ajax.

its the console.log of data returned

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <base target="_top">

        <title>Redirecting...</title>

        <script type="text/javascript">
            document.addEventListener('DOMContentLoaded', function () {
                var redirectUrl = URLHIDDEN;
                if (window.top == window.self) {
                    // If the current window is the 'parent', change the URL by setting location.href
                    window.top.location.href = redirectUrl;
                } else {
                    // If the current window is the 'child', change the parent's URL with postMessage
                    normalizedLink = document.createElement('a');
                    normalizedLink.href = redirectUrl;

                    data = JSON.stringify({
                        message: 'Shopify.API.remoteRedirect',
                        data: { location: redirectUrl },
                    });
                    window.parent.postMessage(data, "https://krakencfe.myshopify.com");
                }
            });
        </script>
    </head>
    <body>
    </body>
</html>

2 replies

LeafedFox Feb 25, 2021

Have you authenticated your session with Shopify before sending the Ajax request?
You can check by hitting a route that has the auth.shopify middleware and adding a ?shop=mystore.myshopify.com parameter at the end of the url

maganius Feb 25, 2021

Have you authenticated your session with Shopify before sending the Ajax request?
You can check by hitting a route that has the auth.shopify middleware and adding a ?shop=mystore.myshopify.com parameter at the end of the url

I think its authenticated because If I enter to homepage my shop name is displayed correctly, but when I start an ajax with axios it try redirect to oauth, check image.

tienda (shop) is displayed correctly.

gnikyt · 2021-02-25T15:39:47Z

gnikyt
Feb 25, 2021
Maintainer

Shouldn't need to add the shop. If you're logged in and cookies are fine. I think you'll need to send cookies with the ajax call possibly

…

On Thu., Feb. 25, 2021, 12:06 maganius, ***@***.***> wrote: Have you authenticated your session with Shopify before sending the Ajax request? You can check by hitting a route that has the auth.shopify middleware and adding a ?shop=mystore.myshopify.com parameter at the end of the url [image: image] <https://user-images.githubusercontent.com/8250243/109176820-f3c35880-7765-11eb-9cd2-ae60c82dcfd3.png> I think its authenticated because If I enter to homepage my shop name is displayed correctly, but when I start an ajax with axios it try redirect to oauth, check image. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#686 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AASO4OUGWGDYG3O7AFEWIHTTAZVBHANCNFSM4XK6Z65Q> .

7 replies

maganius Feb 25, 2021

In the ajax request this $this->shopSession->guest() always return true i dont know why.

maganius Feb 25, 2021

I figured it out... I moved all routes from routes/api.php to routes/web.php and it get working.

gnikyt Feb 25, 2021
Maintainer

api.php doesn't have web middleware which contains the stuff for the cookies.

maganius Feb 25, 2021

I added the web middleware multiple times and it not work. I try again put web middleware on api routes without luck. I dont know why it not work... anyway... I put the api routes on web routes and working for me its ok.

gnikyt Feb 26, 2021
Maintainer

api routes have no web, so they have no cookie acces. You would need to implement a token to send, theres many articles on this for Laravel. But its fine in web as well.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

shopify app not working on localhost (Osiset\ShopifyApp\Exceptions\MissingShopDomainException) #686

{{title}}

Replies: 4 comments 10 replies

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

Select a reply

shopify app not working on localhost (Osiset\ShopifyApp\Exceptions\MissingShopDomainException) #686

Replies: 4 comments · 10 replies

Ronak-maker Feb 11, 2021 Author

gnikyt Feb 25, 2021 Maintainer

gnikyt Feb 25, 2021 Maintainer

gnikyt Feb 26, 2021 Maintainer

Replies: 4 comments 10 replies

Ronak-maker
Feb 11, 2021
Author

gnikyt
Feb 25, 2021
Maintainer

gnikyt Feb 25, 2021
Maintainer

gnikyt Feb 26, 2021
Maintainer