[WIP]feat: sentryを導入

Gemfile

@@ -36,6 +36,8 @@ gem 'jp_local_gov'
 gem 'kaminari'
 gem 'meta-tags'
 gem 'rails-i18n'
+gem 'sentry-rails'
+gem 'sentry-ruby'
 
 group :development, :test do
   # Call 'byebug' anywhere in the code to stop execution and get a debugger console

Gemfile.lock

@@ -268,6 +268,14 @@ GEM
       rexml (~> 3.2, >= 3.2.5)
       rubyzip (>= 1.2.2)
     semantic_range (3.0.0)
+    sentry-rails (5.2.1)
+      railties (>= 5.0)
+      sentry-ruby-core (~> 5.2.1)
+    sentry-ruby (5.2.1)
+      concurrent-ruby (~> 1.0, >= 1.0.2)
+      sentry-ruby-core (= 5.2.1)
+    sentry-ruby-core (5.2.1)
+      concurrent-ruby
     slim (4.1.0)
       temple (>= 0.7.6, < 0.9)
       tilt (>= 2.0.6, < 2.1)
@@ -348,6 +356,8 @@ DEPENDENCIES
   rubocop-rspec
   sass-rails (>= 6)
   selenium-webdriver
+  sentry-rails
+  sentry-ruby
   slim-rails
   slim_lint
   spring

app/controllers/api/simulations_controller.rb

@@ -12,6 +12,7 @@ def show
   def validate_parameter
     return if parameter.valid?
 
+    Sentry.capture_message(parameter.errors.full_messages.join("\n"))
     render json: { 'errors': parameter.errors.full_messages }, status: :bad_request
   end
 

app/javascript/src/main.js

@@ -3,12 +3,28 @@ import App from './App.vue'
 import Maska from 'maska'
 import router from './router/router'
 import globalStore, { GlobalStoreKey } from './store/global'
+import * as Sentry from '@sentry/vue'
+import { BrowserTracing } from '@sentry/tracing'
 
 document.addEventListener('DOMContentLoaded', () => {
   const selector = '#app'
   const app = document.querySelector(selector)
   if (app) {
     const app = createApp(App)
+    Sentry.init({
+      app,
+      dsn: process.env.SENTRY_DSN,
+      integrations: [
+        new BrowserTracing({
+          routingInstrumentation: Sentry.vueRouterInstrumentation(router),
+          tracingOrigins: ['localhost', 'my-site-url.com', /^\//]
+        })
+      ],
+      // Set tracesSampleRate to 1.0 to capture 100%
+      // of transactions for performance monitoring.
+      // We recommend adjusting this value in production
+      tracesSampleRate: 1.0
+    })
     app.use(Maska)
     app.use(router)
     app.provide(GlobalStoreKey, globalStore())

config/initializers/sentry.rb

@@ -0,0 +1,13 @@
+Sentry.init do |config|
+  config.dsn = ENV["SENTRY_DSN"]
+  config.breadcrumbs_logger = [:active_support_logger, :http_logger]
+
+  # Set tracesSampleRate to 1.0 to capture 100%
+  # of transactions for performance monitoring.
+  # We recommend adjusting this value in production
+  config.traces_sample_rate = 1.0
+  # or
+  config.traces_sampler = lambda do |context|
+    true
+  end
+end

config/webpack/environment.js

@@ -2,6 +2,8 @@ const { environment } = require('@rails/webpacker')
 const { VueLoaderPlugin } = require('vue-loader')
 const vue = require('./loaders/vue')
 const { DefinePlugin } = require('webpack')
+const webpack = require('webpack')
+const dotenv = require('dotenv')
 
 function hotfixPostcssLoaderConfig(subloader) {
   const subloaderName = subloader.loader
@@ -35,6 +37,17 @@ environment.config.merge({
   }
 })
 
+const dotenvFiles = ['.env']
+dotenvFiles.forEach((dotenvFile) => {
+  dotenv.config({ path: dotenvFile, silent: true})
+})
+
+environment.plugins.prepend('Environment',
+  new webpack.EnvironmentPlugin(
+    JSON.parse(JSON.stringify(process.env))
+  )
+)
+
 environment.plugins.prepend('VueLoaderPlugin', new VueLoaderPlugin())
 environment.plugins.prepend(
   'Define',

package.json

@@ -16,6 +16,8 @@
     "@hennge/vue3-pagination": "^1.0.17",
     "@rails/ujs": "^6.0.0",
     "@rails/webpacker": "5.4.3",
+    "@sentry/tracing": "^6.19.7",
+    "@sentry/vue": "^6.19.7",
     "@vue/compiler-sfc": "^3.2.26",
     "@vueuse/core": "^7.6.2",
     "autoprefixer": "^10.4.0",
@@ -44,6 +46,7 @@
     "@vue/test-utils": "^2.0.0-rc.17",
     "@vue/vue3-jest": "27.0.0-alpha.4",
     "babel-jest": "^27.5.1",
+    "dotenv": "^16.0.0",
     "eslint": "^8.5.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-cypress": "^2.12.1",