本帖最后由 Brett 于 2025-2-21 20:34 编辑 ( ^+ y' `0 t2 _/ I2 w) |% n
, ~# r/ T# h& F0 \. ~) Y) F3 q
《Elon's Baby》TeleGram MiniApp商业化web3游戏客户端源码！ / X, ]% Z! h f' J
client项目说明 本项目为基于TeleGram上的web项目，需要引入并使用telegram-web-app.js的相关功能，帐号功能需要读取initData，在本地测试时，需要在项目根目录创建.env.local文件，将测试initData粘贴进文件中方可确保帐号登录流程正常，也可以修改App.vue第76行的代码。 4 N7 w8 p' C6 J/ Q; O8 {
项目文件夹说明 4 d+ d" N( m, j7 u
/ tailwind.config.jstailwind的配置文件
! `5 s4 I1 r+ T8 h2 W
vite.config.jsvite配置文件 0 i9 D, Q3 |" V% b! ~
index.html页面模板文件
& x& b* Y% V8 V
/public/image 静态页面文件，不参与打包，可以直接访问，所有的动画和教程图片都放在这里 0 u" i5 \) _3 v# e: F* s8 S" e1 {
/src/
# F3 A+ U5 q- }% `9 e* [, i
App.vuevue主文件 # _; X0 h |* \3 ^ }9 b4 n
main.csstailwind默认样式
3 i! _9 y+ u+ n0 O" v
main.js项目入口文件 , h2 E, V) c# S, ` S" Z
permission.js可以在此实现权限控制 - X! h& Z* O- n, E" L
/src/api 接口文件夹，所有请求接口的方法都在这里 O* R0 t0 M: u) \
/src/assets 资源文件夹，项目中的图片都在这里 2 t: L% |4 R3 `: U7 `
/src/components 组件文件夹，所有的弹窗、页面内组件都在这里
1 K" l9 F3 l! m3 V1 R$ ~! U
/src/languages 语言文件夹，项目支持多语言，但目前只有英文，可以在此文件夹扩展
6 k4 t% f4 T) R$ e) W
/src/modules 模块文件夹，基础滚动模块、消息模块、loading模块，还有动画对象都在这里 g8 t0 h6 G$ f
/src/pages 页面文件夹 G# V* q8 a; P
/src/router 路由文件夹
% W7 ~. c/ a+ }! W0 ?! ~
/src/store store文件夹 * E3 `, @9 `% T: X8 E
/src/styles 基础样式文件夹，一般不修改 ) i" [9 V! C3 |
/src/util
& Q0 {1 d4 {" l1 `0 H9 ^
config.js配置文件
2 ~8 v4 ]8 e% C# Y
main.js各种常用方法 1 L; |! Q+ l7 Q' w7 a
request.jsapi请求 : j4 n. O5 d! T* t& Z: T/ p
locale.js本地存储功能
- O0 ?! c1 M8 y$ a& L6 W( X
部署文档 ) f% ]* x; @' w7 g6 R1 c
安装
: Y8 ]! ^3 C* h# c6 m& A* i+ o
npm install
8 `0 ^* S! t' b7 d
! M5 T1 b$ N% e1 @, x
启动本地开发 0 G0 }/ ]. {9 B2 g. D
// 本地测试服 npm run dev:beta // 本地正式服 npm run dev:release % S0 U+ U! q$ B2 ?
, \# O4 c; z7 }* W; s1 q {
打包项目文件
0 W2 A8 R8 E2 c2 V4 [# o
// 打包测试服 npm run build:beta // 打包正式服 npm run build:release
# B& P# K& u* j; X, c" w% P* w5 S/ {
1 Y1 q, H% b6 H4 s: v; u0 ^
正式服与测试服的区别在于请求服务端接口的不同（在config.js中配置），测试服不显示vconsole调试窗口。 & H" B& N3 D6 Z/ P. B
——————————————
- W5 l& N' f9 r/ n; F7 ~ ]. |
* z4 S* J7 C2 o O& z4 O- x% G# ]
客户端源码下载：
+ D9 e, Y a5 M( G+ L+ S# K2 ^0 P7 v* u0 |
; {8 {2 R; j& w" \( u: h P4 i1 K; ^8 g; f! }
| 
简体中文
繁體中文
English
日本語
Deutsch
한국 사람
بالعربية
TÜRKÇE
คนไทย
Français
русский
开源社区
10680 人阅读
|
6 人回复
|
2025-02-21
português
french
