ウェブプッシュserviceworker未定義メソッドエラー？

Question

私はこのエラーを取得する私のサーバーを起動しようとするたびに...

undefined method `post' for main:Object (NoMethodError) 

application.rb

post "/push" do 
    Webpush.payload_send(
     endpoint: "https://fcm.googleapis.com/gcm/send/eah7hak....", 
     message: "A message", 
     p256dh: "BO/aG9nYXNkZmFkc2ZmZHNmYWRzZmFl...", 
     auth: "aW1hcmthcmFpa3V6ZQ==", 
     vapid: { 
     subject: "mailto:sender@example.com", 
     public_key: ENV['VAPID_PUBLIC_KEY'], 
     private_key: ENV['VAPID_PRIVATE_KEY'] 
     } 
    ) 
end 

私は間違った場所にコードの塊を入れているだろうか？ https://github.com/zaru/webpush：私はapp.rbが

スクリーンショットは、Gitのチュートリアルからであるapplication.rb

と同じものであると仮定します。

私はVAPIDと宝石でブラウザ通知を実装しようとしていますwebpush & serviceworker-railsコントローラにそれを追加する

application.js

// Register the serviceWorker script at /serviceworker.js from our server if supported 
if (navigator.serviceWorker) { 
    navigator.serviceWorker.register('/serviceworker.js') 
    .then(function(reg) { 
    console.log('Service worker change, registered the service worker'); 
    }); 
} 
// Otherwise, no push notifications :(
else { 
    console.error('Service worker is not supported in this browser'); 
} 

// When serviceWorker is supported, installed, and activated, 
// subscribe the pushManager property with the vapidPublicKey 
navigator.serviceWorker.ready.then((serviceWorkerRegistration) => { 
    serviceWorkerRegistration.pushManager 
    .subscribe({ 
    userVisibleOnly: true, 
    applicationServerKey: window.vapidPublicKey 
    }); 
}); 

$('.webpush-button').on('click', (e) => { 
    navigator.serviceWorker.ready 
    .then((serviceWorkerRegistration) => { 
    serviceWorkerRegistration.pushManager.getSubscription() 
    .then((subscription) => { 
     $.post('/push', { 
     subscription: subscription.toJSON(), 
     message: 'You clicked a button!' 
     }); 
    }); 
    }); 
}); 

// Let's check if the browser supports notifications 
if (!("Notification" in window)) { 
    console.error("This browser does not support desktop notification"); 
} 

// Let's check whether notification permissions have already been granted 
else if (Notification.permission === "granted") { 
    console.log("Permission to receive notifications has been granted"); 
} 

// Otherwise, we need to ask the user for permission 
else if (Notification.permission !== 'denied') { 
    Notification.requestPermission(function (permission) { 
    // If the user accepts, let's create a notification 
    if (permission === "granted") { 
     console.log("Permission to receive notifications has been granted"); 
    } 
    }); 
} 

Answer 1

簡単な例。

まず、アクションの名前（私はあなたの例に従うことを、pushを使用します）とコントローラを作成：テストコントローラを作成し、あなたのルートを更新します

$ rails g controller Test push 

を：

# app/controllers/test_controller.rb 

class TestController < ApplicationController 
    def push 
    end 
end 

# config/routes.rb 

get 'test/push' 

class TestController < ApplicationController 
    def push 
    Webpush.payload_send(
     message: params[:message], 
     endpoint: params[:subscription][:endpoint], 
     p256dh: params[:subscription][:keys][:p256dh], 
     auth: params[:subscription][:keys][:auth], 
     vapid: { 
     subject: "mailto:sender@example.com", 
     public_key: ENV['VAPID_PUBLIC_KEY'], 
     private_key: ENV['VAPID_PRIVATE_KEY'] 
     } 
    ) 
    end 
end 

そしてアップ：あなたが追加したいコードを

次の更新コントローラ日付あなたのルートがpost代わりのgetを使用する：

それと

post 'test/push' 

あなたが（ちょうどapp.rbとの一例として）利用可能エンドポイントをプッシュ/ POST yoursite /テストを持っています。