1

1 year ago · 459b1e2d9d
parent b61e1370f7
commit 459b1e2d9d
10 changed files with 10405 additions and 0 deletions
--- a/src/前端/.editorconfig
+++ b/src/前端/.editorconfig
@ -0,0 +1,13 @@
+[*]
+charset = utf-8
+end_of_line = crlf
+indent_size = 4
+indent_style = space
+insert_final_newline = false
+tab_width = 4
+
+
+[*.vue]
+indent_size = 2
+tab_width = 2
+ij_vue_indent_children_of_top_level = template, script, style
--- a/src/前端/.gitignore
+++ b/src/前端/.gitignore
@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
--- a/src/前端/README.md
+++ b/src/前端/README.md
@ -0,0 +1,43 @@
+## GoEasy Websocket Vue3 HelloWorld示例运行步骤
+
+### 免费获取appkey
+1. 访问[GoEasy官网](https://www.goeasy.io)进行注册
+2. 登陆后，创建一个应用
+3. 进入应用详情，即可看到自己的appkey
+
+### 替换appkey
+打开main.js，找到初始化GoEasy的地方，将appkey替换成您应用的common key
+
+### 运行步骤
+
+将目录切换到helloworld/web-vue3/
+
+##### 安装依赖
+node版本要求：16及以上
+```
+npm ci
+```
+
+##### 运行服务
+
+```
+npm run serve
+```
+
+
+### 体验
+建议可以同时运行在多个浏览器窗口，体验多个客户端之间互动。
+
+### 体验服务端发送
+可以用Postman或curl发送消息到GoEasy，体验服务端发送消息到客户端。
+
+````shell
+curl -X POST https://rest-hz.goeasy.io/v2/pubsub/publish \
+-H "Content-Type: application/json" \
+-d "{
+        'appkey':'您的appkey',
+        'channel':'my_channel',
+        'content':'Hello, GoEasy!'
+    }"
+    
+````
--- a/src/前端/babel.config.js
+++ b/src/前端/babel.config.js
@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}
--- a/src/前端/jsconfig.json
+++ b/src/前端/jsconfig.json
@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "esnext",
+    "baseUrl": "./",
+    "moduleResolution": "node",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  }
+}
--- a/src/前端/package-lock.json
+++ b/src/前端/package-lock.json
--- a/src/前端/package.json
+++ b/src/前端/package.json
@ -0,0 +1,25 @@
+{
+  "name": "web",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build"
+  },
+  "dependencies": {
+    "core-js": "^3.8.3",
+    "goeasy": "^2.12.4",
+    "vue": "^3.2.13",
+    "vue-router": "^4.0.3"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-service": "~5.0.0"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead",
+    "not ie 11"
+  ]
+}
--- a/src/前端/public/favicon.ico
+++ b/src/前端/public/favicon.ico
--- a/src/前端/public/index.html
+++ b/src/前端/public/index.html
@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title><%= htmlWebpackPlugin.options.title %></title>
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>
--- a/src/前端/vue.config.js
+++ b/src/前端/vue.config.js
@ -0,0 +1,10 @@
+const { defineConfig } = require('@vue/cli-service')
+module.exports = defineConfig({
+  transpileDependencies: true,
+  publicPath: '/',
+  //只有Https才能使用录音
+  devServer : {
+    https : true,
+    port : 9008
+  }
+})