工作问题总结（二十八）JS调用---网页调用C++程序,可传参

最新推荐文章于 2024-08-13 03:21:43 发布
最新推荐文章于 2024-08-13 03:21:43 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： 日常工作问题积累
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wu_123_456/article/details/39023783
版权

问题：怎样将C++和js两者建立连接？

分为两个部分：

1.C++首先要建立适合自己的IDispatch类，IDispatch是com接口之一。下面是本人自己用的，大家如觉得有用，可借鉴。

ExternalAPI.h

#ifndef __EXTERNAL_API_H__
#define __EXTERNAL_API_H__

#if _MSC_VER > 1000
#pragma once
#endif // _MSC_VER > 1000

class ExternalAPIDispatch : public IDispatch
{
protected:
	ULONG			m_cRef;

public:
	FastDelegate2<int,int>										EnterRoom;
	FastDelegate2<CString,CString>								QQCertification;
	FastDelegate2<CString,CString>								SignupToGame;
	FastDelegate2<CString,CString>								CallSendSort;
	FastDelegate2<CString,CString>								CallCloseWebdlg;
	FastDelegate2<CString,CString>								CallOpenWebdlg;
	FastDelegate2<CString,CString>								CallMachineID;
	FastDelegate2<CString,CString>								CallShotBank;
	FastDelegate2<CString,CString>								RegUserInfo;
	FastDelegate2<CString,CString>								RegUserRestart;
	FastDelegate2<CString,CString>								RespGametoSignUp;
public:
	ExternalAPIDispatch();
	~ExternalAPIDispatch(void);

	STDMETHODIMP QueryInterface(REFIID, void**);
	STDMETHODIMP_(ULONG) AddRef(void);
	STDMETHODIMP_(ULONG) Release(void);

	//IDispatch
	STDMETHODIMP GetTypeInfoCount(UINT* pctinfo);
	STDMETHODIMP GetTypeInfo(
		/* [in] */ UINT iTInfo,
		/* [in] */ LCID lcid,
		/* [out] */ ITypeInfo** ppTInfo);
	STDMETHODIMP GetIDsOfNames(
		/* [in] */ REFIID riid,
		/* [size_is][in] */ LPOLESTR* rgszNames,
		/* [in] */ UINT cNames,
		/* [in] */ LCID lcid,
		/* [size_is][out] */ DISPID* rgDispId);
	STDMETHODIMP Invoke(
		/* [in] */ DISPID dispIdMember,
		/* [in] */ REFIID riid,
		/* [in] */ LCID lcid,
		/* [in] */ WORD wFlags,
		/* [out][in] */ DISPPARAMS* pDispParams,
		/* [out] */ VARIANT* pVarResult,
		/* [out] */ EXCEPINFO* pExcepInfo,
		/* [out] */ UINT* puArgErr);
};

#endif	//__EXTERNAL_API_H__


 

ExternalAPI.cpp

#include "stdafx.h"

#include "ExternalAPI.h"

#ifdef _DEBUG
#define new DEBUG_NEW
#endif

#define	DISPID_ENTERROOM				1 
#define	DISPID_QQCERTIFICATION			2
#define DISPID_SIGNUPTOGAME				3			//报名参加比赛
#define DISPID_CALLSENDSORT				4			//报名界面登陆后，网页调sort
#define DISPID_CALLCLOSEWEBDLG			5			//关闭绑定手机窗口
#define DISPID_OPENWEBDLG				7			//提供接口让网页判断,根据玩家状况打开相关的信息
#define DISPID_CALLMACHINEID			6
#define DISPID_CALLSHOTBANK				8			//截图银行窗口
#define DISPID_REGUSERINFO				9			//转正的个人信息
#define DISPID_REGUSERRESTART			10			//点击网页中重启
#define DISPID_RESPGAMETOSIGNUP			11			//游戏中点击报名下一场,是否报名成功返回


struct ExternalAPIKey
{
	wchar_t *key;
	long    id;
};

ExternalAPIKey g_externalApiKey[] = {
	{L"EnterRoom", DISPID_ENTERROOM	},
	{L"QQCertification",DISPID_QQCERTIFICATION},
	{L"SignupToGame",DISPID_SIGNUPTOGAME},
	{L"CallSendSort",DISPID_CALLSENDSORT},
	{L"CallCloseWebdlg",DISPID_CALLCLOSEWEBDLG},
	{L"CallOpenWebdlg",DISPID_OPENWEBDLG},
	{L"CallMachineID",DISPID_CALLMACHINEID},
	{L"CallShotBank",DISPID_CALLSHOTBANK},
	{L"RegUserInfo",DISPID_REGUSERINFO},
	{L"RegUserRestart",DISPID_REGUSERRESTART},
	{L"RespGametoSignUp",DISPID_RESPGAMETOSIGNUP},
};

int getKeyFromID( wchar_t* key )
{
	const int count  = ARRAYSIZE(g_externalApiKey);
	for(int i = 0; i < count ; i++){
		if( wcscmp( g_externalApiKey[i].key, key ) == 0 ){
			return g_externalApiKey[i].id;
		}
	}

	return -1;
}

inline char* UnicodeToAnsi( const wchar_t* szStr )
{
	int nLen = WideCharToMultiByte( CP_ACP, 0, szStr, -1, NULL, 0, NULL, NULL );
	if (nLen == 0)
	{
		return NULL;
	}
	char* pResult = new char[nLen];
	WideCharToMultiByte( CP_ACP, 0, szStr, -1, pResult, nLen, NULL, NULL );
	return pResult;
}

ExternalAPIDispatch::ExternalAPIDispatch( )
:m_cRef( 0 )
{
}

ExternalAPIDispatch::~ExternalAPIDispatch(void)
{
	ASSERT(m_cRef==0);
}

STDMETHODIMP ExternalAPIDispatch::QueryInterface(REFIID riid, void** ppv)
{
	*ppv = NULL;
	if(IID_IDispatch == riid){
		*ppv = this;
	}

	if(NULL != *ppv){
		((LPUNKNOWN)*ppv)->AddRef();
		return NOERROR;
	}
	return E_NOINTERFACE;
}


STDMETHODIMP_(ULONG) ExternalAPIDispatch::AddRef(void)
{
	return ++m_cRef;
}

STDMETHODIMP_(ULONG) ExternalAPIDispatch::Release(void)
{
	return --m_cRef;
}

STDMETHODIMP ExternalAPIDispatch::GetTypeInfoCount(UINT* /*pctinfo*/)
{
	return E_NOTIMPL;
}

STDMETHODIMP ExternalAPIDispatch::GetTypeInfo(
	/* [in] */ UINT /*iTInfo*/,
	/* [in] */ LCID /*lcid*/,
	/* [out] */ ITypeInfo** /*ppTInfo*/)
{
	return E_NOTIMPL;
}

STDMETHODIMP ExternalAPIDispatch::GetIDsOfNames(
	/* [in] */ REFIID riid,
	/* [size_is][in] */ OLECHAR** rgszNames,
	/* [in] */ UINT cNames,
	/* [in] */ LCID lcid,
	/* [size_is][out] */ DISPID* rgDispId)
{
	HRESULT		hr		= NOERROR;
	for(UINT i = 0; i < cNames;  ++i )
	{
		long id = getKeyFromID( rgszNames[i]);
		if( id > 0 ){
			rgDispId[i] = id;
		}else{
			// One or more are unknown so set the return code accordingly
			hr = ResultFromScode(DISP_E_UNKNOWNNAME);
			rgDispId[i] = DISPID_UNKNOWN;
		}
	}
	return hr;
}

STDMETHODIMP ExternalAPIDispatch::Invoke(
	/* [in] */ DISPID dispIdMember,
	/* [in] */ REFIID /*riid*/,
	/* [in] */ LCID /*lcid*/,
	/* [in] */ WORD wFlags,
	/* [out][in] */ DISPPARAMS* pDispParams,
	/* [out] */ VARIANT* pVarResult,
	/* [out] */ EXCEPINFO* /*pExcepInfo*/,
	/* [out] */ UINT* puArgErr)
{
	//进入游戏
	if( dispIdMember == DISPID_ENTERROOM ){
		int gamdId = pDispParams->rgvarg[0].intVal;
		int roomId = pDispParams->rgvarg[1].intVal;
		if( EnterRoom ){
			EnterRoom( gamdId, roomId );
		}
	}else if (dispIdMember == DISPID_QQCERTIFICATION)//QQ认证时，网页传出userid,sessionid
	{
		if (wFlags&DISPATCH_METHOD)
		{
			BSTR busername = pDispParams->rgvarg[1].bstrVal;
			BSTR bsessionid = pDispParams->rgvarg[0].bstrVal;
			CString musername = ::ConvertBSTRToStringEx(busername);
			CString msessionid = ::ConvertBSTRToStringEx(bsessionid);
			if (QQCertification)
			{
				QQCertification(musername,msessionid);
			}
		}
	}else if (dispIdMember == DISPID_SIGNUPTOGAME)//点击报名按钮时,网页传递一个字符串通知大厅要上传比赛房间数据
	{
		//if(wFlags&DISPATCH_METHOD)
		{
			BSTR bflag   = pDispParams->rgvarg[1].bstrVal;
			BSTR bsignup = pDispParams->rgvarg[0].bstrVal;
			CString strflag   = ::ConvertBSTRToStringEx(bflag);
			CString strSignup = ::ConvertBSTRToStringEx(bsignup);
			if (SignupToGame)
			{
				SignupToGame(strflag,strSignup);
			}
		}
	}else if (dispIdMember == DISPID_CALLSENDSORT)
	{
		BSTR bflag   = pDispParams->rgvarg[1].bstrVal;
		BSTR bsort = pDispParams->rgvarg[0].bstrVal;
		CString strflag   = ::ConvertBSTRToStringEx(bflag);
		CString strSignup = ::ConvertBSTRToStringEx(bsort);
		if (CallSendSort)
		{
			CallSendSort(strflag,strSignup);
		}
	}else if (dispIdMember == DISPID_CALLCLOSEWEBDLG)
	{
		BSTR bflag   = pDispParams->rgvarg[1].bstrVal;
		BSTR bClose = pDispParams->rgvarg[0].bstrVal;
		CString strflag   = ::ConvertBSTRToStringEx(bflag);
		CString strclose = ::ConvertBSTRToStringEx(bClose);
		if (CallCloseWebdlg)
		{
			CallCloseWebdlg(strflag,strclose);
		}
	}else if (dispIdMember == DISPID_OPENWEBDLG)
	{
		//LOG(ERROR)<<"DISPID_OPENWEBDLG";

		BSTR		bUrl   = pDispParams->rgvarg[1].bstrVal;
		BSTR		bTitle = pDispParams->rgvarg[0].bstrVal;

		CString		strUrl = ::ConvertBSTRToStringEx(bUrl);
		CString		strTitle = ::ConvertBSTRToStringEx(bTitle);
		
		if(CallOpenWebdlg)
		{
			CallOpenWebdlg(strTitle,strUrl);
		}
	}else if (dispIdMember == DISPID_CALLMACHINEID)
	{
		BSTR		bMachineid   = pDispParams->rgvarg[1].bstrVal;
		BSTR		bTrue = pDispParams->rgvarg[0].bstrVal;

		CString		strMachineid = ::ConvertBSTRToStringEx(bMachineid);
		CString		strTrue = ::ConvertBSTRToStringEx(bTrue);

		if(CallMachineID)
		{
			CallMachineID(strTrue,strMachineid);
		}
	}else if (dispIdMember == DISPID_CALLSHOTBANK)
	{
		BSTR		bBank   = pDispParams->rgvarg[0].bstrVal;
		BSTR		bShotScreen = pDispParams->rgvarg[1].bstrVal;

		CString		strBank = ::ConvertBSTRToStringEx(bBank);
		CString		strShotScreen = ::ConvertBSTRToStringEx(bShotScreen);

		if(CallShotBank)
		{
			CallShotBank(strShotScreen,strBank);
		}
	}else if (dispIdMember == DISPID_REGUSERINFO)
	{
		BSTR	   bUserName = pDispParams->rgvarg[1].bstrVal;
		BSTR	   bUserPwd	 = pDispParams->rgvarg[0].bstrVal;

		CString	   strUserName = ::ConvertBSTRToStringEx(bUserName);
		CString	   strUserPwd  = ::ConvertBSTRToStringEx(bUserPwd);

		if (RegUserInfo)
		{
			RegUserInfo(strUserName,strUserPwd);
		}
	}else if (dispIdMember == DISPID_REGUSERRESTART)
	{
		BSTR	   bRestartLobby = pDispParams->rgvarg[1].bstrVal;
		BSTR	   bTrue	 = pDispParams->rgvarg[0].bstrVal;

		CString	   strRestartLobby = ::ConvertBSTRToStringEx(bRestartLobby);
		CString	   strTrue  = ::ConvertBSTRToStringEx(bTrue);

		if (RegUserRestart)
		{
			RegUserRestart(strRestartLobby,strTrue);
		}
	}else if (dispIdMember == DISPID_RESPGAMETOSIGNUP)
	{
		BSTR	   bRespSignUp = pDispParams->rgvarg[1].bstrVal;
		BSTR	   bTrue	 = pDispParams->rgvarg[0].bstrVal;

		CString	   strRespSignUp = ::ConvertBSTRToStringEx(bRespSignUp);
		CString	   strTrue  = ::ConvertBSTRToStringEx(bTrue);

		if (RespGametoSignUp)
		{
			RespGametoSignUp(strRespSignUp,strTrue);
		}
	}
	return S_OK;
}


 

2.在C++程序中使用该接口

ExternalAPIDispatch					m_externalAPI;

 

m_webCtrl.SetExternal(&m_externalAPI);
m_externalAPI.SignupToGame = MakeDelegate(this,&CompetitionRoomCtrl::JsCallSignupToGame);
m_externalAPI.CallSendSort = MakeDelegate(this,&CompetitionRoomCtrl::JsCallSendSort);
m_externalAPI.RespGametoSignUp = MakeDelegate(this,&CompetitionRoomCtrl::JsCallRespSignupToGame);


上面m_webCtrl是用来打开网页的窗口，CompetitionRoomCtrl窗口是要接收参数的窗口。CompetitionRoomCtrl::JsCallRespSignupToGame,这个是相应的接收函数。一一对应关系。

 

函数原型：

void CompetitionRoomCtrl::JsCallRespSignupToGame(CString strSignUp,CString strTrue)
{
	//游戏中报名数据返回
	if (0 == strSignUp.Compare("RESPSIGNUP")){
		if(m_session){
			m_session->SendRespSignUpInfoToGame(strSignUp,strTrue);
			//LOG(ERROR)<<"JsCallRespSignupToGame("<<strSignUp<<","<<strTrue<<")";
		}
	}
}


大家再去看下上面的类中，参数个数与此函数的参数个数对应。

 

3.javascript上要添加的代码

具体代码没有，但是要告诉网站那边，相应接收参数的接口以及参数位置。比如：RegUserInfo(CString para1,CString para2)//参数1是登陆用户名，参数2是密码
(CString para1,CString para2)//参数1是登陆用户名，参数2是密码。

 

网页那边代码：window.external.RegUserInfo("GameQueen","123456");

 

 

上面的m_webCtrl这个窗口从下面类继承过来。

class WebCtrl : public CHtmlView,
    public sigslot::has_slots<>

{};


 

wu_123_456
关注
专栏目录
JS调用C++模块中的函数
Hens_Hello_Mr的博客
10-28 2189
此API允许从C++侧调用 JavaScript 函数对象，例如本文的napi_call_function(env, global, cb, 0 , nullptr, &result);值得注意的是，本文JS侧传递给C++的回调函数是匿名函数，C++侧先将JS回调函数先在C++侧注册，即使用napi_create_reference将JS函数创建为ref，ref最终会作为napi_call_function的第三个参数，可以放心并没有在global对象里面直接去取函数引用。例如Add方法的代码，
nodejs ffi调用C++dll动态库 ffi调用语法
xiaxia0705的博客
09-14 4673
nodejs ffi调用C++dll动态库 ffi调用语法详解 结构体指针
另一个js调用c++的示例
03-09
另一个javascript调用c++的示例，代码可以编译通过
网页如何调用Visual C++函数
haimianjie2012的专栏
09-05 1807
1.在VC++工程中创建继承CHtml类的CMapView类,该类用于实现网页与VC++代码交互接口。 2.在CMapView类构造函数中添加：
web页面中直接调用c++/c/go代码？【wasm】
最新发布
weixin_36854624的博客
08-13 27
背景最近在做rosbag的可视化工具，网上找了个源码参考（foxglove）。成功down下来，跑起来了。于是乎，开始研究前后端代码；结果居然花了一下午没找到后端代码，不明白为什么纯web页面就可以解析rosbag（以前都是用node.js或者c++代码解析的）。过程在找了一下午之后，又回到了老办法；看netork，果然还...
C++中调用C程序的方法
继网开来的专栏
12-17 2971
 因为C＋＋和C是两种完全不同的编译链接处理方式，所以如果直接在C＋＋里面调用C函数，这样链接起来是通不过的，会报链接错误，找不到函数体，所以要在C＋＋文件里面显示声明以下一些函数是C写的，要用C的方式来处理，这个在C＋＋设计初期就考虑到兼容性的问题，所以是可以解决的。比如用C写了A.h和A.c这两个文件，里面包括了void A_app（int）这样的函数，那么在需要调用这个函数的CPP文件里
JS调用C++动态库dll
qq_30436011的博客
11-01 5564
Electron开发过程中，很多时候都会遇到调用C++动态库dll的需求。使用JS调用dll库，听上去都很高大上，JS和C++基本上没有什么交集的两种语言，在这个时候碰出了火花。今天就在Electron的基础上介绍一下这个神奇的使用过程和过程可能遇到的各种问题。
JavaScript调用C++函数
热门推荐
yyan的专栏
11-16 1万+
 上篇介绍了用C++调用JavaScript，这篇反过来说说JS调C++，这样JS和C++沟通的途径就完整了。首先，实现一个IDispatch接口，当JS调用C++函数时，系统会调用GetIDsOfNames来用函数名取得函数的DISPID，然后调用Invoke完成真正的调用，需要注意的是Invoke的pDispParams中的参数是倒序的。代码如下：class CExtenalDispa
c++开发activex控件和js传参，js调用ocx控件接口函数的代码（
03-04
vs2010开发activex（MFC）控件/ie插件(一),测试ocx控件加载 vs2010开发activex（MFC）控件/ie插件(二)，js传参数 vs2010开发activex（MFC）控件/ie插件(三)，js调用ocx控件的接口函数
使用node-addon-api编写c/c++扩展(传递复杂对象)
baidu20008的专栏
03-22 3089
本文提供了在使用node-addon-api编写c/c++扩展时，由js向c++传递复杂类型时遇到的各种情况。其他基础知识就不赘述了，这篇文章讲的不错，不熟悉Node.js编写扩展的同学可以了解下。 官方给出了很多简单的例子以供参考，但是这些例子仍旧偏少，缺少各种用法示例。我相信各位能找到这篇文章八成是遇到了传参问题。 js如何向c++传递二维数组？ 这里给出关键代码，最主要的是参数类型的转化。由...
UE4中C++调用Java函数并进行传参
贾作真时真亦贾的博客
05-27 2490
最近在学习UE4时，用到了在插件中用C++调用Java函数，在这里记录一下。 首先我们要把要调用的Java函数放到插件中的.xml文件中的gameActivityClassAdditions位置，示例如下： <gameActivityClassAdditions> <if condition="Android_bEnablecode"> <true> <insert> p...
JavaScript 调用 C++ 生成的 DLL.pdf
10-01
JavaScript 调用 C++ 生成的 DLL，DLL 使用 ATL 封装的 ActiveX 控件，仅支持 IE 浏览器。 本文档是对工程实现时的每一个步骤进行描述，大量截图，非常详细。 完整工程代码路径：https://download.csdn.net/download/bqrmt/10698728
JavaScript 调用 C++ 生成的 DLL
10-01
JavaScript 调用 C++ 生成的 DLL，DLL 使用 ATL 封装的 ActiveX 控件，仅支持 IE 浏览器。 本资源为整套工程，编译 ATL_API 后，在Debug/Release目录下，使用 IE 打开TestJavaScript.html，点击“Add”按钮查看结果。 文档位置：https://download.csdn.net/download/bqrmt/10698732
C++制作空白ActiveX控件供网页调用
03-03
我们都知道通过自定义协议可以从网页启动本地exe程序。但是，当本地没有安装软件时，怎么才能弹出提示，提醒客户安装软件呢？ 本实例利用C++编写OCX控件，实现安全接口（没哟证书）,网页编写Javascript检测控件是否注册。
C++和C#编写Activex控件并进行网页调用
06-12
本资源含有使用C++和C#语言在vs2013开发环境中编写activex控件并使用网页进行调用的程序，并有详细说明，都是工作中的经验结晶，很适合于编写商业软件
C++和JS代码相互调用
09-17
c++和JS代码相互调用 利用COM原理 有一个类做了封装，大家可以照着Demo学习
javascript java 传参_浅谈 c++/java/javascript 之传参
weixin_32698563的博客
02-13 113
本文主要梳理了几种语言的传参机制，即关于 传值、传引用 之争最近开始学node.js搭后端服务器时，碰到这样一句话 java只有一种传参机制就是传值javascript其大部分语法规范取自于JAVA语法规范, 那么这种句话也适用于它，于是也有javascript只有一种传参机制就是传值为了理解这句话，我从个人感觉较为接近底层的语言c++写一些测试，代码如下#includeusing names...
Emscripten之JS与C/C++互相调用
Wopelo的博客
12-18 4502
1.前言 上一篇博客介绍了Emscripten中的胶水代码，通常我们会在js中调用定义在C/C++中的函数，此时就涉及到js如何向C/C++传递参数。本文主要介绍Emscripten中JS与C/C++互相调用的方式和简单原理，在阅读之前，读者最好对WebAssembly有所了解，并且有一定的使用Emscripten的经验。 2.内存模型 2.1.Module.asm.memory 通过Emscripten处理后，C/C++代码直接通过地址访问的数据全部在内存中，该内存空间实际是Emscripten提供的Ar
c#网站调用c++写的dll库
随记
09-23 1230
<br />c++写的类库，在winfrm中可以使用路径来dllimport，在网站中不太可能会有服务器的操作权限，因此需要换个方式来取得dll的路径。<br /> <br />使用这样一个类：<br /> <br />public class DllInvoke { #region P/Invoke helpers 导入dll声明 [DllImport("kernel32.dll")] public static extern IntPtr LoadLibrary(stri
Node.js通过node-ffi调用C++ DLL：无C++经验者的解决方案
本文主要讨论了两种在Node.js环境下调用DLL模块的方法：方案一使用node-ffi，方案二通过编写C++的Node addon并利用LoadLibrary函数。 方案一，node-ffi，是一种纯JavaScript库，它允许开发者无需编写C++代码，直接...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值