本帖最后由 Brett 于 2025-2-21 20:34 编辑 ( y# X& z. A# e* }6 Z. g7 O' \
* Y5 s, o& K8 b《Elon's Baby》TeleGram MiniApp商业化web3游戏客户端源码！
$ X& E8 G/ }" g1 A! m6 q) C
client项目说明 本项目为基于TeleGram上的web项目，需要引入并使用telegram-web-app.js的相关功能，帐号功能需要读取initData，在本地测试时，需要在项目根目录创建.env.local文件，将测试initData粘贴进文件中方可确保帐号登录流程正常，也可以修改App.vue第76行的代码。 # x! U- {8 C( r3 D+ q# m
项目文件夹说明
5 [9 n5 H/ }- x8 j8 D2 i; p: O
/ tailwind.config.jstailwind的配置文件 # o# n8 ]. o0 ]6 o( w k
vite.config.jsvite配置文件
) s3 A* M( x) u0 k4 n
index.html页面模板文件 , o, e2 W/ c1 C* q& a
/public/image 静态页面文件，不参与打包，可以直接访问，所有的动画和教程图片都放在这里
& u- @+ c N$ p$ E
/src/ " V0 o, C+ A- B, R; U# T! ]: o
App.vuevue主文件
8 ~2 F' J" [& }' C
main.csstailwind默认样式 % L8 \. u' _6 W& R% J
main.js项目入口文件 " F8 E1 S7 K$ A, [, Z$ U5 y
permission.js可以在此实现权限控制 $ u4 W* Z$ L* Q, g( o
/src/api 接口文件夹，所有请求接口的方法都在这里 . @8 H9 e; j# j: u+ K
/src/assets 资源文件夹，项目中的图片都在这里 % d6 J; @2 ?2 q
/src/components 组件文件夹，所有的弹窗、页面内组件都在这里 7 Q+ I& \9 ?3 g! u/ `5 ^! k
/src/languages 语言文件夹，项目支持多语言，但目前只有英文，可以在此文件夹扩展
4 Q9 F# W J; V8 C. e) W
/src/modules 模块文件夹，基础滚动模块、消息模块、loading模块，还有动画对象都在这里 1 Y' a! e5 _# v' w' ^
/src/pages 页面文件夹 + s1 o/ m `0 U0 Q, G
/src/router 路由文件夹
0 t( X( E+ @$ _ K8 D. U# V
/src/store store文件夹
1 `$ R% @' g3 c" I
/src/styles 基础样式文件夹，一般不修改
m( `$ F$ R1 i7 g# ? O+ ]8 N0 y# e
/src/util
) F/ {0 n# l5 j
config.js配置文件
1 ~& |1 c& b5 u! H" j
main.js各种常用方法 : E1 V3 w7 v) Y+ F# e- O3 O
request.jsapi请求
( q/ y7 A- ~6 Z, G# w7 T( }
locale.js本地存储功能 8 h% i/ c' K, |. I5 g. d
部署文档 4 E B: Z3 b1 J t' W* d
安装 8 o* H" g3 N) |) A: e2 }! ?. V- D! I
npm install
- b0 V0 \" E( |3 X6 E! k! ?, x2 o* y
. \1 ] T$ s H& y
启动本地开发
& G! b+ G' ^1 |" b+ {' S! P( V
// 本地测试服 npm run dev:beta // 本地正式服 npm run dev:release
3 J4 W" t; d& G4 g- W; W
# O& r8 q* X0 l g0 Y$ a2 X' S
打包项目文件 + ]9 T/ u) U( L, l( n' ~
// 打包测试服 npm run build:beta // 打包正式服 npm run build:release 2 F1 A7 o3 q1 P$ }
& d6 f1 Y4 T' u" {6 W$ Y5 W6 s: B/ P
正式服与测试服的区别在于请求服务端接口的不同（在config.js中配置），测试服不显示vconsole调试窗口。
) H, L7 R ?6 b8 f0 E# H' S
——————————————
9 Y& p$ \0 R# X
1 L7 d( X3 t F8 H6 l
客户端源码下载：
, P3 Y4 F8 g6 i3 L, Z% g
4 n9 q/ O" @' B6 i) b& R f
3 {5 O! H$ c |7 J: m2 x4 d
8 R( E( [' k2 @" d; S | 
简体中文
繁體中文
English
日本語
Deutsch
한국 사람
بالعربية
TÜRKÇE
คนไทย
Français
русский
开源社区
10687 人阅读
|
6 人回复
|
2025-02-21
português
french
