javascript - Private embedded shopify app -

-

i'm trying build embedded private app , i'm missing. instructed here, created app, got api key. simple page content:

<head>   <script src="https://cdn.shopify.com/s/assets/external/app.js"></script>   <script type="text/javascript">     shopifyapp.init({       apikey: 'my-private-api-key',       shoporigin: 'https://my-dev-shop.myshopify.com',       debug: true     });   </script> </head> <body> private app </body>

and i'll visiting page redirect shop screen.

the page you're looking can't found. try search instead.

redirect url is

https://my-dev-shop.myshopify.com/admin/apps/my-private-api-key/

what missing? it's first experience shopify @ all, maybe missing understanding how easdk works. tested localhost , domain ssl. thank tips.

i pay more attention embedded apps , tell more experience , problems met before managed create , install private app.

embedded apps allows modify , feel of admin part of shopify. there no special app type called "embedded apps" in shopify. app creator can enable "embedded app" sdk when creates regular "public" app in partners account. if feature enabled - app can use embedded app sdk in store's admin.

my problem realize how install embedded app store , how make private i.e available stores without publishing app store. answer is:

  • we need create regular public app "embedded app sdk" enabled (using partners account)
  • we not need publish store (so no-one excepting know it)
  • we need install in store's admin.

last action means need described regular public shopify apps i.e allow app access store using oauth handshake. procedure described here.

let me repeat points:

  1. send request https://{shop}.myshopify.com/admin/oauth/authorize?client_id={api_key}&scope={scopes}&redirect_uri={redirect_uri}. replace {strings in curly braces} appropriate values. note {redirect_uri} must 1 of redirection url specified in app settings, {scopes} should replaced 1 of allowed scopes here (i used first scope, not important me, did not want modify data, wanted t use embedded app sdk ui methods).
  2. in result send example.org/some/redirect/uri?code={authorization_code}&hmac=da9d83c171400a41f8db91a950508985&timestamp=1409617544&state={nonce}&shop={hostname} (example.org/some/redirect/uri redirect_url pointed in first request) , expect query handled on side.
  3. "properly handled" means post request sent https://{shop}.myshopify.com/admin/oauth/access_token , have following fields:
    • client_id - api key app
    • client_secret - shared secret app
    • code - {authorization_code} came query.

i did not need backend stuff created simple html form necessary fields , submitted (method=post, action=https://{shop}.myshopify.com/admin/oauth/access_token) , received json access token.

after in admin of store in apps section must see link added app. after clicking on here try open load iframe src equal application url of app. url must point app i.e html can want. people want use sdk methods. please note possible http/https issues


Comments

Post a Comment

Popular posts from this blog

php - render data via PDO::FETCH_FUNC vs loop -

-
i've been using 2 methods render data. the first one: function name($id,$name){ return '<div id="'.$id.'">'.$name.'</div>'; } echo implode($pdo->query("select id,name user")->fetchall(pdo::fetch_func,'name')); the second one: $users = $pdo->query("select id,name user")->fetchall(pdo::fetch_obj); foreach($users $user){ echo name($user->id,$user->name); } i don't understand how pdo::fetch_func works. tried figure out. however, not well-documented. could please explain fetch mode? , also, 1 performs better? thank you. both methods wrong , have learn how use templates , how separate business logic presentation logic. $users = $pdo->query("select id,name user")->fetchall(pdo::fetch_obj); tpl::assign('users', $users); is code business logic part. then in template <?php foreach $users $row): ?> <div id="<?=$...
Read more

c++ - OpenCV Error: Assertion failed <scn == 3 ::scn == 4> in unknown function, -

-
i read alot other solution still confused should mine... #include <opencv2/objdetect/objdetect.hpp> #include <opencv2/highgui/highgui.hpp> #include <opencv2/imgproc/imgproc.hpp> #include <iostream> #include <stdio.h> using namespace std; using namespace cv; int main(int argc, const char** argv) { //create cascade classifier object used face detection cascadeclassifier face_cascade; //use haarcascade_frontalface_alt.xml library face_cascade.load("haarcascade_frontalface_alt.xml"); //setup video capture device , link first capture device videocapture capturedevice; capturedevice.open(0); //setup image files used in capture process mat captureframe; mat grayscaleframe; //create window present results namedwindow("outputcapture", 1); //create loop capture , find faces while (true) { //capture new image frame capturedevice >> captureframe; ...
Read more

The canvas has been tainted by cross-origin data in chrome only -

-
uncaught securityerror: failed execute 'getimagedata' on 'canvasrenderingcontext2d': canvas has been tainted cross-origin data i getting above error in chrome. code(following) works fine in mozilla. have not corss domain issue. why above error in chrome? var wheel_canvas, wheel_context, can_w, can_h, wheel_grd; var large_radius = 160; var small_radius = 120; var wheel_canvas = document.getelementbyid('wheel_canvas'); var wheel_context = wheel_canvas.getcontext('2d'); var can_w = $(wheel_canvas).width(); var can_h = $(wheel_canvas).height(); var centerx = can_w / 2, centery = can_h / 2; var wheel_grd = null; test('#ff0000'); function test(hex) { $('#clrpicker').css({'left': 210, 'top': 210 }); inverted = hexbw(hex); $('#color_val_show').val(hex); current_color_hex_val_selected = hex; $('#color_val_show').css({'color':inverted,'background':hex}); fillgradient...
Read more