客户端源码处理方法、装置、存储介质及电子设备与流程

1.本公开涉及计算机编程技术领域，具体地，涉及一种客户端源码处理方法、装置、存储介质及电子设备。


背景技术：

2.程序的研发过程有开发环境和线上环境之分，开发环境用于对程序进行本地调试，从而修改程序中的错误或者调整程序的功能、页面样式等，在程序调试完成后，可将其发布到线上环境，即真实用户访问的环境。开发过程中，浏览器的调试非常重要，但对于针对客户端开发的客户端程序而言，程序中使用的很多客户端方法在浏览器中是没有的，因此浏览器中无法使用这些客户端方法，从而无法实现在浏览器中对程序进行调试的目的。


技术实现要素：

3.提供该发明内容部分以便以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。该发明内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。
4.第一方面，本公开提供一种客户端源码处理方法，包括：
5.在编译阶段，根据目标环境确定预设配置项中的配置，获得编译配置信息；其中，所述预设配置项包括目标配置项，所述目标配置项包括是否将客户端源码中的至少一种客户端方法替换为对应的浏览器方法，在所述目标环境为浏览器开发环境的情况下，所述目标配置项被配置为是；
6.基于所述编译配置信息，根据所述客户端源码获得用于编译的目标源码；
7.对所述目标源码执行编译，获得用于在所述目标环境中运行的目标程序。
8.第二方面，本公开提供一种客户端源码处理装置，包括：
9.配置信息获取模块，用于在编译阶段，根据目标环境确定预设配置项中的配置，获得编译配置信息；其中，所述预设配置项包括目标配置项，所述目标配置项包括是否将客户端源码中的至少一种客户端方法替换为对应的浏览器方法，在所述目标环境为浏览器开发环境的情况下，所述目标配置项被配置为是；
10.目标源码确定模块，用于基于所述编译配置信息，根据所述客户端源码获得用于编译的目标源码；
11.目标源码编译模块，用于对所述目标源码执行编译，获得用于在所述目标环境中运行的目标程序。
12.第三方面，本公开提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理装置执行时实现第一方面所述方法的步骤。
13.第四方面，本公开提供一种电子设备，包括：
14.存储装置，其上存储有计算机程序；
15.处理装置，用于执行所述存储装置中的所述计算机程序，以实现第一方面所述方
法的步骤。
16.在本技术提供的技术方案中，当目标环境为浏览器开发环境，编译配置信息中的目标配置项被配置为“是”，基于该编译配置信息，能够将客户端源码中的客户端方法替换为对应的浏览器方法，从而获得目标源码，在对目标源码执行编译后，获得用于在浏览器开发环境中运行的目标程序。由于该目标程序中使用的客户端方法已经被替换为对应的浏览器方法，所以目标程序能够在浏览器中顺畅运行，从而达到在浏览器中调试的目的。
17.本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。
附图说明
18.结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。在附图中：
19.图1是本技术实施例提供的客户端源码处理方法的流程图；
20.图2是图1所示的流程图中步骤s120的一种具体实施方式的流程图；
21.图3是本技术实施例提供的客户端源码处理方法的一种具体实施例的示意图；
22.图4是本技术实施例提供的客户端源码处理装置的示意图；
23.图5是本技术实施例提供的电子设备的框图。
具体实施方式
24.下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
25.应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
26.本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
27.需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
28.需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
29.本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
30.为了解决在浏览器中无法对客户端程序进行调试的技术问题，目前一种可行的做法是在客户端程序中添加浏览器环境下的处理代码，当客户端程序运行时实时进行运行环境的判断，从而根据所处的运行环境执行程序中对应的处理代码。
31.在一种示例中，在页面的url(uniform resource locator，统一资源定位符)中添加环境参数，例如在url的末尾添加环境参数“_dev”，当末尾为“_dev＝1”时表示当前为浏览器环境，于是执行客户端程序中与浏览器环境对应的处理代码，当末尾为“_dev＝0”时表示当前为客户端环境，于是执行客户端程序中与客户端环境对应的处理代码。这就相当于在客户端程序中提供了两条代码分支，一条分支用于处理在当前所处运行环境为客户端环境的逻辑，另一条分支用于处理在当前所处运行环境为浏览器环境的逻辑。可以理解的是，通过在客户端程序中添加用于在浏览器环境下执行的兼容代码，虽然能够实现在浏览器中调试程序的目的，但是依旧存在较多问题：
32.第一，在客户端程序中增加了很多额外的兼容代码，需要注意手动清除；
33.第二，所添加的兼容代码如果未及时删除，将容易被带到线上环境，导致发布到线上环境的客户端程序中多出很多无用代码，影响程序打包大小；
34.第三，兼容代码的部分内容中含有私密信息，如果兼容代码被发布到线上环境，将导致极大的安全风险；以数据请求方法为例，在执行兼容代码中的数据请求方法时，请求地址通常被代理到用于本地调试的模拟地址，该模拟地址多为内网地址，如果兼容代码被发布到线上环境，将导致内网地址泄露，从而产生安全隐患；
35.第四，兼容代码的迁移能力弱，只能在当前项目中使用，如果其他项目也想使用这些兼容代码，则需要进行代码拷贝，然后根据项目需求对兼容代码进行适应性调整，所以在项目应用上不够灵活。
36.由此，本技术实施例提供一种客户端源码处理方法，图1示出了该客户端源码处理方法的流程图，如图1所示，该方法包括如下步骤：
37.s110，在编译阶段，根据目标环境确定预设配置项中的配置，获得编译配置信息。
38.s120，基于该编译配置信息，根据客户端源码获得用于编译的目标源码。
39.s130，对该目标源码执行编译，获得用于在该目标环境中运行的目标程序。
40.其中，目标环境为用于运行目标程序的环境，其具体可以为浏览器开发环境、客户端开发环境和线上环境中的其中一种，目标程序为根据客户端源码进行编译后获得的编译产物。
41.在实际应用场景中，如果想要在浏览器环境下针对客户端源码进行ui(user interface，用户界面)、页面样式的本地调试，则目标环境为浏览器开发环境，那么获得的编译配置信息是在预设配置项中针对浏览器开发环境进行配置后得到。可选的，如果想要在客户端环境下针对客户端源码进行程序功能的本地调试，则目标环境为客户端开发环境，那么获得的编译配置信息是在预设配置项中针对客户端开发环境进行配置后得到；在完成本地调试后，如果想要将程序产品发布到线上，则目标环境为线上环境，那么获得的编译配置信息是在预设配置项中针对线上环境进行配置后得到。
42.其中，预设配置项包括目标配置项，目标配置项包括是否将客户端源码中的至少一种客户端方法替换为对应的浏览器方法的至少一项配置项，每一配置项用于配置是否将客户端源码中的其中一种客户端方法替换为对应的浏览器方法。在目标环境为浏览器开发环境的情况下，该目标配置项被配置为是。
43.可选的，在目标环境为客户端开发环境或者线上环境的情况下，该目标配置项被配置为否。
44.可以理解的是，预设配置项中的该至少一种客户端方法为浏览器中不具有的方法，且如果目标配置项中的客户端方法在浏览器中具有替代方法，则目标配置项中所设置的对应的浏览器方法为该替代方法。如果目标配置项中的客户端方法在浏览器中不具有替代方法，则目标配置项中所设置的对应的浏览器方法可以是由开发人员根据该客户端方法所编写的具有类似功能的自定义方法；在一种具体的实施例中，如果目标配置项中的客户端方法为依赖客户端能力从本地获取数据的方法，则目标配置项中所设置的对应的浏览器方法为获取模拟数据的方法，其中，该模拟数据是对该客户端方法返回的本地数据的模拟。
45.其中，该至少一种客户端方法包括以下方法中的至少一种：客户端数据请求方法、客户端页面跳转方法、客户端页面关闭方法以及依赖客户端能力从本地获取数据的方法等。
46.可以理解的是，预设配置项中除上述目标配置项以外，还可以包括一些其他配置项，可以根据目标环境对预设配置项中的各个配置项进行配置，在配置完成后，生成编译配置信息。
47.在一种可选的实施方式中，预设配置项还包括开发配置项，其中，开发配置项中还包括以下配置中的至少一项：
48.是否在客户端源码中注入调试面板代码；
49.是否将客户端源码中捕获异常时的处理代码替换为异常提示代码；
50.是否将客户端源码中的日志发送方法替换为日志本地输出方法。
51.可选的，在目标环境为浏览器开发环境或客户端开发环境的情况下，开发配置项被配置为是，从而便于在开发环境下对客户端源码进行调试，在目标环境为线上环境的情况下，开发配置项被配置为否。
52.在获取编译配置信息后，基于该编译配置信息，根据客户端源码获得用于编译的目标源码。在具体的实施例中，在该编译配置信息中存在被配置为是的配置项的情况下，根据被配置为是的配置项对客户端源码进行对应修改，修改后的客户端源码即为用于编译的目标源码，在该编译配置信息中不存在被配置为是的配置项的情况下，此时无须对客户端源码作任何修改，因此客户端源码即为用于编译的目标源码。
53.在获得目标源码后，对该目标源码执行编译，从而将目标源码编译成能够在目标环境中运行的目标程序。
54.需要说明的是，当目标环境为浏览器开发环境，编译配置信息中的目标配置项被配置为“是”，基于该编译配置信息，在s120中将客户端源码中的上述至少一种客户端方法分别替换为对应的浏览器方法，从而获得目标源码，在对目标源码执行编译后，获得用于在浏览器开发环境中运行的目标程序。由于该目标程序中使用的客户端方法已经被替换为对应的浏览器方法，所以目标程序能够在浏览器中顺畅运行，从而达到在浏览器中调试的目的。
55.另外需要说明的是，从上述过程可见，根据浏览器开发环境、客户端开发环境或线上环境在预设配置项中进行针对性地配置，将会生成对应的编译配置信息，然后基于编译配置信息对客户端源码进行对应修改或者不进行修改，将会获得对应的目标源码，然后对目标源码执行编译，将会获得对应的目标程序，也就是说，同一份客户端源码，只要在预设配置项中的配置不同，编译生成的目标程序也会不同。因此，在预设配置项中针对浏览器开
发环境进行配置后能够生成用于浏览器调试的目标程序a、在预设配置项中针对客户端开发环境进行配置后能够生成用于客户端调试的目标程序b、在预设配置项中针对线上环境进行配置后能够生成用于发布至线上环境的目标程序c。其中，目标程序a/b/c是基于相同的客户端源码、不同的编译配置信息生成的编译产物。
56.在本技术方案中，在编译阶段基于目标环境对应的编译配置信息，能够自动编译出适合在目标环境中运行的编译产物，保证本地调试时的目标程序与发布至线上的目标程序是完全隔离的，甚至在浏览器中调试时的目标程序与在客户端中调试时的目标程序也是完全隔离的，整个过程并不会对线上环境的目标程序产生任何的代码侵入，不影响最终程序的打包大小，保证目标程序中无任何无用代码，更无需开发人员手动清除兼容代码。而且，由于本地调试时的程序与发布至线上时的程序是完全隔离的，在线上环境的目标程序中不含有用于本地调试的内网地址等私密信息，因此避免了内网地址等私密信息泄露的风险。
57.此外，本技术方案具有较好的项目迁移能力，可以用于多个不同项目中。例如，在项目1中，在预设配置项中针对浏览器开发环境进行配置后，能够根据项目1的客户端源码自动编译生成用于浏览器调试的目标程序a_1，在项目2中，在预设配置项中针对浏览器开发环境进行配置后，能够根据项目2的客户端源码自动编译生成用于浏览器调试的目标程序a_2，同理，在项目i中，能够根据项目i的客户端源码编译生成目标程序a_i。因此，在项目应用上，可无须进行任何代码拷贝和调整，方案实施过程简洁、高效，并能大幅减少人工干预。
58.在可选的实施方式中，预设配置项可支持自行扩展，例如，在不同的项目中，可根据该项目的实际情况扩展一些额外的配置项，此外考虑到不同项目具有不同的需求，可根据每个项目的需求在预设配置项中进行可选性地配置，从而最终根据编译配置信息将每一项目的客户端源码编译为相应的目标程序。
59.在可选的实施方式中，步骤s120中根据被配置为是的配置项对客户端源码进行对应修改以获得目标源码的过程如图2所示，其中，图2以将至少一种客户端方法替换为对应的浏览器方法为例，示出了对客户端源码进行对应修改的具体过程，其余配置项(如扩展配置项)中方法的替换过程也可以参照该具体过程进行实施。
60.请参照图2，s120包括如下步骤：
61.s1201，针对客户端源码中的每一入口文件，根据被配置为是的配置项中的每一客户端方法，向该入口文件中注入对应的中间方法，该中间方法被构造为用于实现与该客户端方法对应的浏览器方法。
62.依次遍历客户端源码中的每一入口文件，针对当前遍历的入口文件，向该入口文件中注入与待替换的至少一种客户端方法分别对应的至少一种中间方法，每一中间方法与一种客户端方法对应，且该中间方法被构造为用于实现与该客户端方法对应的浏览器方法。其中，每一入口文件对应于程序中的一个页面的入口，如首页、任务页、收益页以及详情页各是一个页面，其分别对应一个入口文件，入口文件用于引入真正写页面的至少一个js文件。js文件是指包含javascript代码行的文本文档，用于控制页面的交互行为，其中包含有页面的交互代码。
63.s1202，针对每一入口文件对应的每一js文件，将js文件中的每一客户端方法的方
法名替换为对应的中间方法的方法名。
64.s1203，在完成对所有入口文件对应的所有js文件的替换后，获得用于编译的目标源码。
65.示例性的，目标配置项中包括是否将客户端源码中的view.openschema方法替换为window.location.href方法的配置，其中，view.openschema为用于在客户端中打开页面的客户端页面跳转方法；window.location.href为用于在浏览器中打开页面的浏览器页面跳转方法。当该项被配置为是时，在上述步骤s1201～1203中，针对客户端源码中的每一入口文件，向入口文件中注入对应的中间方法window.openbrowser，该中间方法window.openbrowser被构造为用于实现浏览器页面跳转方法，即window.location.href。
66.例如，window.openbrowser被构造为：
67.window.openbrowser＝(url){window.location.href＝url}
68.在向该入口文件中注入window.openbrowser后，依次遍历该入口文件对应的每一js文件，将每一js文件中的“view.openschema”方法名替换为“window.openbrowser”方法名。
69.以下列举了预设配置项中的几种可选配置项，但应理解，下述配置项并不构成对本技术实施例中预设配置项的限定。
70.1、是否在客户端源码中注入调试面板代码
71.可选的，在目标环境为浏览器开发环境或客户端开发环境的情况下，即无论在浏览器环境或是在客户端环境，只要为开发环境，则该配置项被配置为是，在目标环境为线上环境的情况下，该配置项被配置为否。当然，在进行编译配置时，也可根据需求对该配置项进行自由配置。当编译配置信息中该配置项被配置为是时，在根据被配置为是的配置项对客户端源码进行对应修改的过程中，针对客户端源码中的每一入口文件，向入口文件中注入调试面板代码。
72.在注入调试面板代码后，当对目标程序进行本地调试时，可在页面上显示出调试面板，以用于展示各种调试信息。
73.2、是否将客户端源码中捕获异常时的处理代码替换为异常提示代码
74.可选的，在目标环境为浏览器开发环境或客户端开发环境的情况下，即无论在浏览器环境或是在客户端环境，只要为开发环境，则该配置项被配置为是，在目标环境为线上环境的情况下，该配置项被配置为否。当然，在进行编译配置时，也可根据需求对该配置项进行自由配置。当编译配置信息中该配置项被配置为是时，在根据被配置为是的配置项对客户端源码进行对应修改的过程中，将catch块中的捕获异常时的处理代码替换为异常提示代码。
75.在java中，将可能引发异常的代码语句放置在try块中，将用于处理异常的语句放置在try块下的一个或多个catch块中，在catch块的结构中，{}内为捕获异常时的处理代码，通常情况下，catch块捕获异常之后会把异常吞掉，不展示异常也不上报异常，即{}内为空，表示捕获异常后不进行处理。
76.在一种示例中，可对catch块中的处理代码进行如下表一所示的替换：
77.替换前catch(e){}替换后catch(e){console.error('catch error:',e)；}
78.表一
79.在替换前，catch块中的捕获异常时的处理代码为空，在替换后，catch块中的捕获异常时的处理代码为“console.error('catch error:',e)；”。
80.可以理解的，{}中的“console.error('catch error:',e)；”也可以改为其他的异常提示代码。
81.3、是否将客户端源码中的日志发送方法替换为日志本地输出方法
82.可选的，在目标环境为浏览器开发环境或客户端开发环境的情况下，即无论在浏览器环境或是在客户端环境，只要为开发环境，则该配置项被配置为是，在目标环境为线上环境的情况下，该配置项被配置为否。当然，在进行编译配置时，也可根据需求对该配置项进行自由配置。当编译配置信息中该配置项被配置为是时，在根据被配置为是的配置项对客户端源码进行对应修改的过程中，将客户端源码中的日志发送方法替换为日志本地输出方法，具体的，将源码中的app.sendlogv3方法替换为console.log方法，其中，app.sendlogv3方法用于在客户端中向日志监控平台上报日志，console.log方法用于在浏览器上输出日志信息。
83.可以理解的是，目标程序运行在线上环境时，可通过日志发送方法将产生的日志上报到指定的日志监控平台，以便于平台进行日志监控，而在开发环境中，并不需要真正将日志发送到日志监控平台，只要能够在调试时查看日志信息即可，尤其是，浏览器中并没有该日志发送方法(app.sendlogv3)，故无法在浏览器中使用app.sendlogv3。但是，由于浏览器中具有console.log方法，所以可将app.sendlogv3替换为console.log，从而在浏览器中输出日志信息，以便于调试查看。
84.4、是否将客户端源码中的客户端页面跳转方法替换为浏览器页面跳转方法
85.可选的，在目标环境为浏览器开发环境的情况下，则该配置项被配置为是，在目标环境为客户端开发环境或线上环境的情况下，即只要为客户端环境，则该配置项被配置为否。当然，在进行编译配置时，也可根据需求对该配置项进行自由配置，例如在当前项目的客户端源码中不存在客户端页面跳转方法时，也可将该配置项配置为否。
86.当该配置项被配置为是时，在根据被配置为是的配置项对客户端源码进行对应修改的过程中，将客户端源码中的客户端页面跳转方法替换为浏览器页面跳转方法。
87.其中：
88.客户端页面跳转方法：view.openschema，用于在客户端中打开页面；
89.浏览器页面跳转方法：window.location.href＝url，用于在浏览器中打开页面
‘
url’。
90.可以理解的是，在浏览器中没有view.openschema方法，但浏览器中具有与view.openschema近似功能的可替代方法，即window.location.href，同样能够打开页面，所以在浏览器开发环境下，将该配置项配置为是，从而将客户端源码中的view.openschema方法替换为window.location.href方法。
91.5、是否将客户端源码中的客户端页面关闭方法替换为浏览器页面关闭方法
92.可选的，在目标环境为浏览器开发环境的情况下，则该配置项被配置为是，在目标环境为客户端开发环境或线上环境的情况下，即只要为客户端环境，则该配置项被配置为否。当然，在进行编译配置时，也可根据需求对该配置项进行自由配置，例如在当前项目的
客户端源码中不存在客户端页面关闭方法时，也可将该配置项配置为否。
93.当该配置项被配置为是，在根据被配置为是的配置项对客户端源码进行对应修改的过程中，将客户端源码中的客户端页面关闭方法替换为浏览器页面关闭方法。
94.其中：
95.客户端页面关闭方法：view.close，用于在客户端中关闭页面；
96.浏览器页面关闭方法：history.back，用于页面回退，从而关闭当前页面；
97.可以理解的是，在浏览器中没有view.close方法，但浏览器中具有与view.close近似功能的可替代方法，即history.back，同样能够关闭当前页面，所以在浏览器开发环境下，将该配置项配置为是，从而将客户端源码中的view.close方法替换为history.back方法。
98.6、是否将客户端源码中的客户端数据请求方法替换为浏览器数据请求方法
99.可选的，在目标环境为浏览器开发环境的情况下，则该配置项被配置为是，在目标环境为客户端开发环境或线上环境的情况下，即只要为客户端环境，则该配置项被配置为否。当然，在进行编译配置时，也可根据需求对该配置项进行自由配置，例如在当前项目的客户端源码中不存在客户端数据请求方法时，也可将该配置项配置为否。
100.当该配置项被配置为是，在根据被配置为是的配置项对客户端源码进行对应修改的过程中，将客户端源码中的客户端数据请求方法替换为浏览器数据请求方法，并且，浏览器数据请求方法中的请求地址，也将由原请求地址替换为模拟地址。
101.7、是否将客户端源码中的依赖客户端能力从本地获取数据的方法，替换为获取模拟数据的方法
102.可选的，在目标环境为浏览器开发环境的情况下，则该配置项被配置为是，在目标环境为客户端开发环境或线上环境的情况下，即只要为客户端环境，则该配置项被配置为否。当然，在进行编译配置时，也可根据需求对该配置项进行自由配置。
103.可以理解的，当目标程序在浏览器中运行时，由于其不具备客户端能力，无法使用上述依赖客户端能力从本地获取数据的方法，且浏览器中也不具有此类方法的替代方法，因此可以预先给定一些模拟数据，该模拟数据是对上述方法返回的本地数据的模拟。当目标程序在浏览器中运行时，不再依赖客户端能力才能获取数据，而是可以直接获取模拟数据，从而便于进行本地调试。
104.例如某种方法借助于客户端能力获取设备信息，当目标程序在浏览器中运行时，该“获取模拟数据的方法”将直接返回设备信息的模拟数据。
105.需要说明的是，上述实施例仅是一种示例，并不表示预设配置项中仅具有以上几种配置项，也未限定预设配置项中必须具备所有示出的配置项，预设配置项中可能包括更少或更多的配置项。此外，上述配置项均是可选的，在进行编译配置时，可根据不同项目的具体需求进行灵活配置。
106.图3是本技术实施例提供的客户端源码处理方法的一种具体实施例的示意图。在该具体实施例中，首先获取编译配置信息，根据该编译配置信息确定是否需修改客户端源码，如无需对客户端源码进行修改，则对客户端源码进行正常编译，如需对客户端源码进行修改(例如预设配置项中存在被配置为是的配置项)，则需对客户端源码进行相应修改后才能进行编译。
107.在对客户端源码进行修改过程中，将执行入口方法注入流程和全局方法替换流程。
108.其中，在入口方法注入流程中，依次遍历客户端源码中的每一入口文件，根据编译配置信息在入口文件中注入相应的方法或代码。示例性的，入口文件包括任务页和收益页等。当遍历至任务页时，依次对预设配置项中的各配置项进行判定，包括但不限于：确定是否替换客户端数据请求方法，如是，则注入客户端数据请求方法对应的中间方法1，确定是否替换客户端页面跳转方法，如是，则注入客户端页面跳转方法对应的中间方法2，确定是否注入调试面板，如是，则注入调试面板代码，直至完成对预设配置项中各配置项的判定。然后遍历至收益页，执行相同操作。
109.其中，在全局方法替换流程中，依次遍历每一入口文件对应的js文件，并将js文件中的待替换方法的方法名替换为入口文件所注入方法的方法名。示例性的，任务页的入口文件对应有js文件1和js文件2等。当遍历至js文件1时，依次对预设配置项中的各配置项进行判定，包括但不限于：确定是否替换客户端数据请求方法，如是，则将js文件1中的客户端数据请求方法的方法名替换为任务页入口文件中注入的中间方法1的方法名，确定是否替换客户端页面跳转方法，如是，则将js文件1中的客户端页面跳转方法的方法名替换为任务页入口文件中注入的中间方法2的方法名，直至完成对预设配置项中各配置项的判定。然后遍历至js文件2，执行相同操作。
110.在完成对所有入口文件对应的所有js文件的遍历后，获得最终用于编译的目标源码。
111.基于同一技术构思，本技术实施例提供一种客户端源码处理装置，该客户端源码处理装置可部署于一电子设备上。请参照图4，装置300包括：
112.配置信息获取模块310，用于在编译阶段，根据目标环境确定预设配置项中的配置，获得编译配置信息；其中，所述预设配置项包括目标配置项，所述目标配置项包括是否将客户端源码中的至少一种客户端方法替换为对应的浏览器方法，在所述目标环境为浏览器开发环境的情况下，所述目标配置项被配置为是；
113.目标源码确定模块320，用于基于所述编译配置信息，根据所述客户端源码获得用于编译的目标源码；
114.目标源码编译模块330，用于对所述目标源码执行编译，获得用于在所述目标环境中运行的目标程序。
115.可选的，在所述目标环境为客户端开发环境或者线上环境的情况下，所述目标配置项被配置为否。
116.可选的，所述预设配置项还包括开发配置项；其中，所述开发配置项包括以下配置中的至少一项：
117.是否在所述客户端源码中注入调试面板代码；
118.是否将所述客户端源码中捕获异常时的处理代码替换为异常提示代码；
119.是否将所述客户端源码中的日志发送方法替换为日志本地输出方法；
120.其中，在所述目标环境为浏览器开发环境或客户端开发环境的情况下，所述开发配置项被配置为是，在所述目标环境为线上环境的情况下，所述开发配置项被配置为否。
121.可选的，所述至少一种客户端方法包括以下方法中的至少一种：客户端数据请求
方法、客户端页面跳转方法、客户端页面关闭方法以及依赖客户端能力从本地获取数据的方法。
122.可选的，目标源码确定模块320用于：
123.在所述编译配置信息中存在被配置为是的配置项的情况下，根据被配置为是的配置项对所述客户端源码进行对应修改，获得所述目标源码；
124.在所述编译配置信息中不存在被配置为是的配置项的情况下，将所述客户端源码确定为所述目标源码。
125.可选的，目标源码确定模块320用于：
126.针对所述客户端源码中的每一入口文件，根据被配置为是的配置项中的每一客户端方法，向所述入口文件中注入与所述客户端方法对应的中间方法，所述中间方法被构造为用于实现与该客户端方法对应的浏览器方法；
127.针对每一所述入口文件对应的每一js文件，将所述js文件中的每一所述客户端方法的方法名替换为对应的所述中间方法的方法名；
128.在完成对所有入口文件对应的所有js文件的替换后，获得所述目标源码。
129.基于同一技术构思，本技术实施例还提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理装置执行时实现前述实施例提供的客户端源码处理方法的步骤。
130.基于同一技术构思，本技术实施例还提供一种电子设备，包括：
131.存储装置，其上存储有计算机程序；
132.处理装置，用于执行所述存储装置中的所述计算机程序，以实现前述实施例提供的客户端源码处理方法的步骤。
133.下面参考图5，其示出了适于用来实现本公开实施例的电子设备400的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、pda(个人数字助理)、pad(平板电脑)、pmp(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字tv、台式计算机等等的固定终端。图5示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
134.如图5所示，电子设备400可以包括处理装置(例如中央处理器、图形处理器等)401，其可以根据存储在只读存储器(rom)402中的程序或者从存储装置408加载到随机访问存储器(ram)403中的程序而执行各种适当的动作和处理。在ram 403中，还存储有电子设备400操作所需的各种程序和数据。处理装置401、rom 402以及ram 403通过总线404彼此相连。输入/输出(i/o)接口405也连接至总线404。
135.通常，以下装置可以连接至i/o接口405：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置406；包括例如液晶显示器(lcd)、扬声器、振动器等的输出装置407；包括例如磁带、硬盘等的存储装置408；以及通信装置409。通信装置409可以允许电子设备400与其他设备进行无线或有线通信以交换数据。虽然图5示出了具有各种装置的电子设备400，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
136.特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可
读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置409从网络上被下载和安装，或者从存储装置408被安装，或者从rom 402被安装。在该计算机程序被处理装置401执行时，执行本公开实施例的方法中限定的上述功能。
137.需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、rf(射频)等等，或者上述的任意合适的组合。
138.在一些实施方式中，客户端、浏览器可以利用诸如http(hypertext transfer protocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信(如在执行数据请求方法时向通信方发送数据请求)，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(“lan”)，广域网(“wan”)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。
139.上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
140.上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：在编译阶段，根据目标环境确定预设配置项中的配置，获得编译配置信息；其中，所述预设配置项包括目标配置项，所述目标配置项包括是否将客户端源码中的至少一种客户端方法替换为对应的浏览器方法，在所述目标环境为浏览器开发环境的情况下，所述目标配置项被配置为是；基于所述编译配置信息，根据所述客户端源码获得用于编译的目标源码；对所述目标源码执行编译，获得用于在所述目标环境中运行的目标程序。
141.可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言—诸如java、smalltalk、c++，还包括常规的过程式程序设计语言——诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或
服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(lan)或广域网(wan)——连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
142.附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
143.描述于本公开实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，模块的名称在某种情况下并不构成对该模块本身的限定，例如，目标源码编译模块还可以被描述为“对目标源码执行编译的模块”。
144.本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(fpga)、专用集成电路(asic)、专用标准产品(assp)、片上系统(soc)、复杂可编程逻辑设备(cpld)等等。
145.在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦除可编程只读存储器(eprom或快闪存储器)、光纤、便捷式紧凑盘只读存储器(cd-rom)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
146.根据本公开的一个或多个实施例，示例1提供了一种客户端源码处理方法，包括：
147.在编译阶段，根据目标环境确定预设配置项中的配置，获得编译配置信息；其中，所述预设配置项包括目标配置项，所述目标配置项包括是否将客户端源码中的至少一种客户端方法替换为对应的浏览器方法，在所述目标环境为浏览器开发环境的情况下，所述目标配置项被配置为是；
148.基于所述编译配置信息，根据所述客户端源码获得用于编译的目标源码；
149.对所述目标源码执行编译，获得用于在所述目标环境中运行的目标程序。
150.根据本公开的一个或多个实施例，示例2提供了示例1的方法，在所述目标环境为客户端开发环境或者线上环境的情况下，所述目标配置项被配置为否。
151.根据本公开的一个或多个实施例，示例3提供了示例1的方法，所述预设配置项还包括开发配置项；其中，所述开发配置项包括以下配置中的至少一项：
152.是否在所述客户端源码中注入调试面板代码；
153.是否将所述客户端源码中捕获异常时的处理代码替换为异常提示代码；
154.是否将所述客户端源码中的日志发送方法替换为日志本地输出方法；
155.其中，在所述目标环境为浏览器开发环境或客户端开发环境的情况下，所述开发配置项被配置为是，在所述目标环境为线上环境的情况下，所述开发配置项被配置为否。
156.根据本公开的一个或多个实施例，示例4提供了示例1的方法，所述至少一种客户端方法包括以下方法中的至少一种：客户端数据请求方法、客户端页面跳转方法、客户端页面关闭方法以及依赖客户端能力从本地获取数据的方法。
157.根据本公开的一个或多个实施例，示例5提供了示例1至示例4中的任一示例的方法，所述基于所述编译配置信息，根据所述客户端源码获得用于编译的目标源码，包括：
158.在所述编译配置信息中存在被配置为是的配置项的情况下，根据被配置为是的配置项对所述客户端源码进行对应修改，获得所述目标源码；
159.在所述编译配置信息中不存在被配置为是的配置项的情况下，将所述客户端源码确定为所述目标源码。
160.根据本公开的一个或多个实施例，示例6提供了示例5的方法，所述根据被配置为是的配置项对所述客户端源码进行对应修改，获得所述目标源码，包括：
161.针对所述客户端源码中的每一入口文件，根据被配置为是的配置项中的每一客户端方法，向所述入口文件中注入与所述客户端方法对应的中间方法，所述中间方法被构造为用于实现与该客户端方法对应的浏览器方法；
162.针对每一所述入口文件对应的每一js文件，将所述js文件中的每一所述客户端方法的方法名替换为对应的所述中间方法的方法名；
163.在完成对所有入口文件对应的所有js文件的替换后，获得所述目标源码。
164.根据本公开的一个或多个实施例，示例7提供了一种客户端源码处理装置，包括：
165.配置信息获取模块，用于在编译阶段，根据目标环境确定预设配置项中的配置，获得编译配置信息；其中，所述预设配置项包括目标配置项，所述目标配置项包括是否将客户端源码中的至少一种客户端方法替换为对应的浏览器方法，在所述目标环境为浏览器开发环境的情况下，所述目标配置项被配置为是；
166.目标源码确定模块，用于基于所述编译配置信息，根据所述客户端源码获得用于编译的目标源码；
167.目标源码编译模块，用于对所述目标源码执行编译，获得用于在所述目标环境中运行的目标程序。
168.根据本公开的一个或多个实施例，示例8提供了示例7的装置，在所述目标环境为客户端开发环境或者线上环境的情况下，所述目标配置项被配置为否。
169.根据本公开的一个或多个实施例，示例9提供了示例7的装置，所述预设配置项还包括开发配置项；其中，所述开发配置项包括以下配置中的至少一项：
170.是否在所述客户端源码中注入调试面板代码；
171.是否将所述客户端源码中捕获异常时的处理代码替换为异常提示代码；
172.是否将所述客户端源码中的日志发送方法替换为日志本地输出方法；
173.其中，在所述目标环境为浏览器开发环境或客户端开发环境的情况下，所述开发配置项被配置为是，在所述目标环境为线上环境的情况下，所述开发配置项被配置为否。
174.根据本公开的一个或多个实施例，示例10提供了示例7的装置，所述至少一种客户端方法包括以下方法中的至少一种：客户端数据请求方法、客户端页面跳转方法、客户端页面关闭方法以及依赖客户端能力从本地获取数据的方法。
175.根据本公开的一个或多个实施例，示例11提供了示例7至示例10中任一示例的装置，目标源码确定模块用于：
176.在所述编译配置信息中存在被配置为是的配置项的情况下，根据被配置为是的配置项对所述客户端源码进行对应修改，获得所述目标源码；
177.在所述编译配置信息中不存在被配置为是的配置项的情况下，将所述客户端源码确定为所述目标源码。
178.根据本公开的一个或多个实施例，示例12提供了示例11的装置，目标源码确定模块用于：
179.针对所述客户端源码中的每一入口文件，根据被配置为是的配置项中的每一客户端方法，向所述入口文件中注入与所述客户端方法对应的中间方法，所述中间方法被构造为用于实现与该客户端方法对应的浏览器方法；
180.针对每一所述入口文件对应的每一js文件，将所述js文件中的每一所述客户端方法的方法名替换为对应的所述中间方法的方法名；
181.在完成对所有入口文件对应的所有js文件的替换后，获得所述目标源码。
182.根据本公开的一个或多个实施例，示例13提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理装置执行时实现示例1至示例6中任一示例所述方法的步骤。
183.根据本公开的一个或多个实施例，示例14提供了一种电子设备，包括：
184.存储装置，其上存储有计算机程序；
185.处理装置，用于执行所述存储装置中的所述计算机程序，以实现示例1至示例6中任一示例所述方法的步骤。
186.以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
187.此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
188.尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此
处将不做详细阐述说明。

技术特征：
1.一种客户端源码处理方法，其特征在于，包括：在编译阶段，根据目标环境确定预设配置项中的配置，获得编译配置信息；其中，所述预设配置项包括目标配置项，所述目标配置项包括是否将客户端源码中的至少一种客户端方法替换为对应的浏览器方法，在所述目标环境为浏览器开发环境的情况下，所述目标配置项被配置为是；基于所述编译配置信息，根据所述客户端源码获得用于编译的目标源码；对所述目标源码执行编译，获得用于在所述目标环境中运行的目标程序。2.根据权利要求1所述的方法，其特征在于，在所述目标环境为客户端开发环境或者线上环境的情况下，所述目标配置项被配置为否。3.根据权利要求1所述的方法，其特征在于，所述预设配置项还包括开发配置项；其中，所述开发配置项包括以下配置中的至少一项：是否在所述客户端源码中注入调试面板代码；是否将所述客户端源码中捕获异常时的处理代码替换为异常提示代码；是否将所述客户端源码中的日志发送方法替换为日志本地输出方法；其中，在所述目标环境为浏览器开发环境或客户端开发环境的情况下，所述开发配置项被配置为是，在所述目标环境为线上环境的情况下，所述开发配置项被配置为否。4.根据权利要求1所述的方法，其特征在于，所述至少一种客户端方法包括以下方法中的至少一种：客户端数据请求方法、客户端页面跳转方法、客户端页面关闭方法以及依赖客户端能力从本地获取数据的方法。5.根据权利要求1-4任一项所述的方法，其特征在于，所述基于所述编译配置信息，根据所述客户端源码获得用于编译的目标源码，包括：在所述编译配置信息中存在被配置为是的配置项的情况下，根据被配置为是的配置项对所述客户端源码进行对应修改，获得所述目标源码；在所述编译配置信息中不存在被配置为是的配置项的情况下，将所述客户端源码确定为所述目标源码。6.根据权利要求5所述的方法，其特征在于，所述根据被配置为是的配置项对所述客户端源码进行对应修改，获得所述目标源码，包括：针对所述客户端源码中的每一入口文件，根据被配置为是的配置项中的每一客户端方法，向所述入口文件中注入与所述客户端方法对应的中间方法，所述中间方法被构造为用于实现与该客户端方法对应的浏览器方法；针对每一所述入口文件对应的每一js文件，将所述js文件中的每一所述客户端方法的方法名替换为对应的所述中间方法的方法名；在完成对所有入口文件对应的所有js文件的替换后，获得所述目标源码。7.一种客户端源码处理装置，其特征在于，包括：配置信息获取模块，用于在编译阶段，根据目标环境确定预设配置项中的配置，获得编译配置信息；其中，所述预设配置项包括目标配置项，所述目标配置项包括是否将客户端源码中的至少一种客户端方法替换为对应的浏览器方法，在所述目标环境为浏览器开发环境的情况下，所述目标配置项被配置为是；目标源码确定模块，用于基于所述编译配置信息，根据所述客户端源码获得用于编译
的目标源码；目标源码编译模块，用于对所述目标源码执行编译，获得用于在所述目标环境中运行的目标程序。8.根据权利要求7所述的装置，其特征在于，所述目标源码确定模块用于：在所述编译配置信息中存在被配置为是的配置项的情况下，根据被配置为是的配置项对所述客户端源码进行对应修改，获得所述目标源码；在所述编译配置信息中不存在被配置为是的配置项的情况下，将所述客户端源码确定为所述目标源码。9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理装置执行时实现权利要求1-6中任一项所述方法的步骤。10.一种电子设备，其特征在于，包括：存储装置，其上存储有计算机程序；处理装置，用于执行所述存储装置中的所述计算机程序，以实现权利要求1-6中任一项所述方法的步骤。

技术总结
本公开涉及一种客户端源码处理方法、装置、存储介质及电子设备，其中方法包括：在编译阶段，根据目标环境确定预设配置项中的配置，获得编译配置信息；基于该编译配置信息，根据客户端源码获得用于编译的目标源码；对目标源码执行编译，获得用于在目标环境中运行的目标程序。因此，当目标环境为浏览器开发环境，基于针对浏览器开发环境生成的编译配置信息，能够将客户端源码中的客户端方法替换为对应的浏览器方法，从而获得目标源码，在对目标源码执行编译后，获得用于在浏览器开发环境中运行的目标程序，获得的目标程序能够在浏览器中顺畅运行，从而达到在浏览器中调试的目的。从而达到在浏览器中调试的目的。从而达到在浏览器中调试的目的。


技术研发人员：彭志国
受保护的技术使用者：北京字节跳动网络技术有限公司
技术研发日：2021.12.14
技术公布日：2022/3/8