iOS H5棋牌源码怎么获取？2026苹果H5棋牌完整开源源码合集

import WebKit

class GameViewController: UIViewController, WKNavigationDelegate, WKUIDelegate {
    var webView: WKWebView!

    override func viewDidLoad() {
        super.viewDidLoad()

        // 1. 配置WKWebView，必须开启内联播放和文件访问
        let config = WKWebViewConfiguration()
        config.allowsInlineMediaPlayback = true          // 允许不弹全屏就能播游戏音效
        config.mediaTypesRequiringUserActionForPlayback = [] // 禁止自动播放被拦截

        let preferences = WKPreferences()
        preferences.javaScriptEnabled = true
        config.preferences = preferences

        // 2. 注入游戏需要的全局变量（网狐后台地址和token）
        let userScript = WKUserScript(
            source: """
            window.GameServer = '\(serverURL)';
            window.UserToken = '\(token)';
            """,
            injectionTime: .atDocumentStart,
            forMainFrameOnly: false
        )
        config.userContentController.addUserScript(userScript)

        // 3. 创建WebView并设置frame等于安全区域
        webView = WKWebView(frame: .zero, configuration: config)
        webView.navigationDelegate = self
        webView.uiDelegate = self
        webView.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(webView)

        // 4. 适配全面屏安全区域，防止游戏按钮被底部横条遮挡
        NSLayoutConstraint.activate([
            webView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
            webView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor),
            webView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            webView.trailingAnchor.constraint(equalTo: view.trailingAnchor)
        ])

        // 5. 加载H5棋牌大厅地址
        if let url = URL(string: serverURL) {
            webView.load(URLRequest(url: url))
        }
    }
}

// 客户端WebSocket连接管理（已针对iOS Safari优化）
class GameSocket {
    constructor(url) {
        this.url = url;
        this.ws = null;
        this.heartbeatTimer = null;
        this.reconnectAttempts = 0;
        this.maxReconnectAttempts = 10;
    }

    connect() {
        this.ws = new WebSocket(this.url);

        this.ws.onopen = () => {
            console.log('WebSocket连接成功');
            this.reconnectAttempts = 0;
            this.startHeartbeat(); // 连接成功后立刻开始心跳
        };

        this.ws.onclose = (event) => {
            console.log('WebSocket连接关闭，code:', event.code);
            this.stopHeartbeat();
            this.reconnect();
        };

        this.ws.onerror = (error) => {
            console.error('WebSocket错误:', error);
            // iOS切后台再回来时偶尔会触发onerror但不触发onclose，主动close防止连接悬挂
            this.ws.close();
        };
    }

    startHeartbeat() {
        this.stopHeartbeat();
        // iOS Safari在页面不可见时会降低定时器频率，所以心跳间隔不宜过短
        this.heartbeatTimer = setInterval(() => {
            if (this.ws && this.ws.readyState === WebSocket.OPEN) {
                this.ws.send(JSON.stringify({ type: 'ping' }));
            }
        }, 15000); // 15秒一次，兼顾省电和连接保活
    }

    stopHeartbeat() {
        if (this.heartbeatTimer) {
            clearInterval(this.heartbeatTimer);
            this.heartbeatTimer = null;
        }
    }

    reconnect() {
        if (this.reconnectAttempts >= this.maxReconnectAttempts) {
            console.log('已达最大重连次数，停止重连');
            return;
        }
        const delay = Math.min(1000 * Math.pow(2, this.reconnectAttempts), 30000);
        // 指数退避，最大间隔30秒，避免频繁重连被iOS Safari限制
        setTimeout(() => {
            console.log(`第${this.reconnectAttempts + 1}次重连尝试`);
            this.reconnectAttempts++;
            this.connect();
        }, delay);
    }
}

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>
<key>NSMicrophoneUsageDescription</key>
<string>游戏需要使用麦克风进行语音聊天</string>
<key>NSCameraUsageDescription</key>
<string>游戏需要使用摄像头进行视频认证</string>

config.suppressesIncrementalRendering = true